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

时间:2013-11-15 12:47:39

标签: javascript jquery html twitter-bootstrap

我想找到哪个元素是聚焦的。为此我尝试了以下方式。

我的网页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,但它不起作用。

任何人都可以帮助我。

感谢。

2 个答案:

答案 0 :(得分:0)

使用“document.activeElement”属性。

但Tis属性仅适用于接受击键的thoase字段。

答案 1 :(得分:0)

如果您使用的是JQuery:

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

它会提醒您关注元素的ID。

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