如何给UI上可以接收focus事件的element动态注册onfocus处理函数

88 阅读1分钟

三大步骤:

(1) 使用document.getElementById拿到待接收focus事件的ui元素:

var button = document.getElementById(‘jerry’);

(2) 动态创建一个onfocus的处理函数:

var focused = function(event) { console.log('focused:' + event.type); }

(3) 使用addEventListener注册:

button.addEventListener('focus', focused);

成功注册后,在Element的Event Listeners标签页里能看到这些函数:

如果无法通过代码的方式获得元素引用,可以在UI上选中该元素,然后使用:

$0.addEventListener('focus', focused);

即可同样完成事件注册:

更多Jerry的原创文章,尽在:“汪子熙”: