如何从页面中找到焦点元素

Question

我想找到关注的元素。为此，我尝试了以下方法。

我的网页ID上有2个文本字段，分别是field1,field2

var viewObj=Marionette.CompositeView.extend({
  events:{
      "blur #field1":"test",
      "blur #field2":"test"
   },
 test:function(){
   console.log(document.activeElement.id);
 }
});

我想要的是，

如果将光标从field1移到field2则会打印field2

如果将光标从field2移到field1则会打印field1

如果我在外面的任何地方单击，那么我想打印其他内容。

我知道document.activeElement.id ，但是不起作用。

谁能帮我。

谢谢。

Answer 1

使用“ document.activeElement”属性。

但是Tis属性仅适用于接受击键的区域。

Answer 2

如果您使用的是JQuery：

$("body").focusin(function(event) {
    alert(event.target.id);
});

它将提醒您ID集中的元素。

http://jsfiddle.net/2Lchy/9/