javascript - onblur 事件不适用于 <input> 元素

Question

我在一个隐藏的表单上有一个字段，但是从另一个字段中提取数据来填充它。但是当我尝试它时它不起作用。我需要使用 class 而不是 id 来填充字段。

带有 onblur 事件的字段

 <input name="EmailAddress" type="text" class="cat_textbox" id="EmailAddress" 
       onblur="document.getElementByClass('Username2').value=this.value;" 
       maxlength="255" />

正在填写的字段

 <input type="text" class="Username2" id="Username" name="Username" />

Answer 1

据我所知，没有.getElementByClass()；它是 .getElementsByClassName()(注意:element*S* 是复数，因为它可以返回多个)。使用它获取一个元素时，需要在最后添加它的数组索引([0])。

尝试:

<input name="EmailAddress" type="text" class="cat_textbox" id="EmailAddress" 
   onblur="document.getElementsByClassName('Username2')[0].value=this.value;" 
   maxlength="255" />
<input type="text" class="Username2" id="Username" name="Username" />