三大步驟：

(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的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的如何给UI上可以接收focus事件的element动态注册onfocus处理函数的全部內容，希望文章能夠幫你解決所遇到的問題。

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