如何在Ext.Window显示后,其中里面的某一个文本框自动获得焦点

如何在Ext.Window显示后,其中里面的某一个文本框自动获得焦点,第1张

因为所有的可视控件需要一个渲染的时间,所以渲染完被刷没了

解决方式:(假设textfield的id是name)加个延迟时间就好!

ExtgetCmp('name')focus(false, 100);

或者

ExtgetCmp('name')focusdefer(100, ExtgetCmp('name'));

如果是extjs的field , 都有 blur , focus 的事件

var field = Extcreate("ExtformfieldText" , {

    listeners:{

        blur: function(){

            //失去焦点事件

        } , 

        focus: function(){

            //获取焦点

        }

    }

});

 

//如果是通过extjs *** 作当前页面中的input

//这是Input

//<input type='text' id="a">

var el = Extget("a");

aon({

        blur: function(){

            //失去焦点事件

        } , 

        focus: function(){

            //获取焦点

        }

});

blur()

触发每一个匹配元素的blur事件。

这个函数会调用执行绑定到blur事件的所有函数,包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发,既可以是鼠标行为,也可以是按tab键离开的

focus()

触发每一个匹配元素的focus事件。

这将触发所有绑定的focus函数,注意,某些对象不支持focus方法。

一个事失去焦点的,一个事获得焦点的

>

表格哪有焦点,你表格既然想要焦点了,也就是你的表格是可编辑的;

可编辑就是文本框或文本域了,然后把他们的样式调整为无边框无背景,放在表格里,这样看起来文本框就是表格,焦点也就获取到了

用自带的focus()就可以了

利用js中<input/>实现文本框默认获取输入焦点完整代码实现如下:

<html>

 

<head>

     

<meta >

<script type="text/javascript">       

//输入框获取鼠标焦点       

function autoFocus(){

           

var pFocus = documentgetElementById("password");

pFocusfocus();

   

pFocusselect();

   

}    

</script>

 

</head>

 

<body onload="autoFocus()">

     

<div id="loginform">

     

<h1 style="font-size:15em;padding:20px;">输入密码</h1>

     

<form action="${pageContextrequestcontextPath}/" method="post">

   

<input id="password" type="password" name="password">

 

<input type="submit" value="提交">

   

</form>

   

</div>

 

</body>

</html>

扩展资料:

JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义 。

参考资料:

JavaScript官方API接口-:focus

百度百科-JavaScript

W3cschool-获得字段焦点

以上就是关于如何在Ext.Window显示后,其中里面的某一个文本框自动获得焦点全部的内容,包括:如何在Ext.Window显示后,其中里面的某一个文本框自动获得焦点、如何用jquery获取失去焦点时的表单对象、JSP页面获得焦点的问题,怎么获得一个表格的焦点,focus()等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9552377.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存