I need to get the newly focussed element (if any) while executing an onBlur handler.

How can I do this?

I can think of some awful solutions, but nothing which doesn't involve setTimeout.

解決方案

Reference it with:

Unfortunately the new element isn't focused as the blur event happens, so this will report body. So you are gonna have to hack it with flags and focus event, or use setTimeout.

$("input").blur(function() {

setTimeout(function() {

console.log(document.activeElement);

}, 1);

});?

Works fine.

Without setTimeout, you can use this:

(function() {

var blurred = false,

testIs = $([document.body, document, document.documentElement]);

//Don't customize this, especially "focusIN" should NOT be changed to "focus"

$(document).on("focusin", function() {

if (blurred) {

var elem = document.activeElement;

blurred = false;

if (!$(elem).is(testIs)) {

doSomethingWith(elem); //If we reached here, then we have what you need.

}

}

});

//This is customizable to an extent, set your selectors up here and set blurred = true in the function

$("input").blur(function() {

blurred = true;

});

})();?

//Your custom handler

function doSomethingWith(elem) {

console.log(elem);

}

總結

以上是生活随笔為你收集整理的如何获得onblur中的值,从onBlur事件中获取新聚焦的元素（如果有）。的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。