我在猜想我有一個基本的錯誤思想,但我無法繞過它。多個元素的AddEventListener無法與「焦點」事件一起工作
我有幾個文本字段,我想添加一個EventListener。 我把它們放在一個類中,並將EventListener添加到這個類中。 當選擇「點擊」事件時,Everyhing可以完美工作。但是,當我將其改爲「專注」時,沒有任何反應。這是爲什麼?
這個工程:
document.getElementById('parent').addEventListener('click', emptyField, false);
這並未並不:
document.getElementById('parent').addEventListener('focus', emptyField, false);
文本字段:
function emptyField(e){
var clicked = e.target;
\t if (clicked.value == clicked.name) {
\t \t clicked.value='';
\t \t
\t \t if (clicked.id=='password') {
\t \t \t clicked.type='password';
\t \t }
\t } \t
}
<class id="parent">
\t <input type="text" name="USERNAME" id="username" value="USERNAME"><br>
\t <input type="text" name="PASSWORD" id="password" value="PASSWORD" ><br>
</class>
這兩個是一樣的......我想你的意思是'querySelector'或其他東西? querselector返回一個NodeList,你不能用它來附加事件,你必須循環它。 – somethinghere
使用實例可以幫助我們更好地理解。你說文本字段,但這些例子並沒有表明。請儘量隔離您的具體問題,以便我們可以重新創建它。 – xHocquet
我希望函數能夠對「焦點」事件做出反應,而不是「點擊」。但它不工作。 – BenQCat