jquery一个div怎么获得焦点和失去焦点_教程

DIV获取焦点（两种方法）：

DIV直接使用focus()和blur()两个方法是无效的，需添加tabindex="0"或者contenteditable="true"属性

①：设置div为可编辑状态，则可点击获取焦点，同时div的内容也是可以编辑的；如：

②：设置div的tabindex，此时div的内容是不可编辑的；如：

PS:设置tabindex属性，按键盘Tab键可让其获取焦点，其中tabindex的值越小在tab键切换的时候就会首先聚焦

只需把相应的css、js文件加入到页面中即可。

按照官网文档:

/myproject/css/

ui.jqgrid.css

/ui-lightness/

/images/

jquery-ui-1.7.2.custom.css

/myproject/js/

/i18n/

grid.locale-bg.js

list of all language files

….

Changes.txt

jquery-1.3.2.min.js

jquery.jqGrid.min.js

在页面中写法：

Java代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>My First Grid</title>

<style>

html, body {

margin: 0

padding: 0

font-size: 75%

}

</style>

</head>

<body>

...

</body>

</html>

需要说明的是，jquery-ui的字体大小与jqgrid字体大小不一致，故需要在页面上在加上一段

style来指定页面上文字大小。

让文本框活的焦点只需要完成两个步骤。第一，定位到这个标签。第二，让标签触发活的焦点事件。tabindex作为定位标签未知不可靠，如果未知有变动就会出错。最好的办法就是用id选择器，速度快，定位准确。然后利用js或者jquery中focus()方法即可让光标定位到文本框中。

应用扩展：普遍应用的案例就是在网站的登陆页中，为了更方便用户输入，进入页面后就定位到用户名密码的文本框，不用再动鼠标进行点击。增强了用户体验。

希望能够帮助到您。

欢迎分享，转载请注明来源：内存溢出

jquery一个div怎么获得焦点和失去焦点