jquery焦点失去,jquery中失去焦点事件

jquery怎么样可以监听到最近一次失去焦点的dom

在可编辑的DIV里，加上blur事件，就是当失去焦点时，获取失去焦点的DIV的ID，然后保存到全局变量里，这样你在做添加图片时，可以直接读取这个全局变量来获取最后是哪个DIV失去了焦点。

印江网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、响应式网站设计等网站项目制作，到程序开发，运营维护。创新互联公司2013年成立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

用jquery的话，一句代码就能为所有的DIV添加上失去焦点事件：

$("div").on("blur",function(){

var id=$(this).prop("id");

});;

上面是为所有的DIV绑定了事件，但你可以在实际中，根据自己的需要来“缩小范围”，比如你要监听的只是其中包含“edit”样式的DIV，改成：

$("div.edit").on("blur",function(){

var id=$(this).prop("id");

});

你要插入图片的话，要不要记录光标所在的位置？

DIV获取焦点有两种方法：

DIV直接使用focus()和blur()两个方法是无效的，需添加tabindex="0contenteditable="true"属性，设置div为可编辑状态，则可点击获取焦点，同时div的内容也是可以编辑的，

设置div的tabindex，此时div的内容是不可编辑的。

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

javascript通过 onFocus onBlur来判断焦点和失去焦点

input type="text" id="p" onBlur="alert('lose focus!')"

onFocus="alert('get focus')" /

jquery $("#p").blur(); $("#p").blur(fn)

或$("#p").focus(); 或$("#p").focus(fn)来处理焦点事件

前者：$("#p").blur();$("#p").focus(); 用来强制获取或失去焦点

后者：$("#p").blur(fn)，$("#p").focus(fn)则类似js的onBlur和onFocus用以处理焦点移出和获取时事件处理！

//jquery代码 $(function(){ $(".a").blur(function(){ //失去焦点是执行 var txt = $(this).val(); //获取当前文本框的内容 alert(txt) }) }) //html代码

可能是你的jquery版本太低，太低的live不支持blur，fouce等事件，好像是1.4以上才支持，你看看是不是这个原因，如果支持的话，直接：

$("#id").live('blur',function(){

...

});

另外，可以试着用bind，而不是live

输入框失去焦点后，你又给它赋予焦点，并且弹出对话框，你再点击取消，输入框又失去焦点，然后它又被赋予焦点.....这就是个死循环，所以这个alert会循环出现。

分享名称：jquery焦点失去,jquery中失去焦点事件
文章分享：http://pwwzsj.com/article/hocohd.html