在一次實(shí)驗中突然發(fā)現(xiàn)，父元素通過addeventlisten不能捕獲input的focus事件。但是click事件可以正常捕獲。查了很多資料，并沒有發(fā)現(xiàn)原因，有沒有大佬能解答一下？<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="parent"> <p>第1條元素</p> <p>第2條元素</p> <p>第3條元素</p> <p>第4條元素</p> <p>第5條元素</p> <input type="text" value="第1個輸入框"> <input type="text" value="第2個輸入框"> <input type="text" value="第3個輸入框"> <input type="text" value="第4個輸入框"> <input type="text" value="第5個輸入框"></div><script> var aa = document.querySelector("#parent"); var bb = function () { }; bb.prototype.control = function () { aa.addEventListener("blur", function (e) { console.log(e); }) } var cc = new bb; cc.control();</script></body></html>
父元素不能捕獲input的focus事件？
紅顏莎娜
2019-03-14 16:13:56
