JavaScript 难题

Question

我想将 JavaScript 函数移动到 <script>来自输入标签的标签，但它不起作用。

这个有效:

<input type="text" name="aaa" id="aaa" onkeyup="javascript:this.value=
  this.value.substring(0,1).toUpperCase()+
    this.value.substring(1,this.value.length);
  if (this.value=='') 
    document.getElementById('aaaLabel').innerHTML='AAA';"
/>

这不是:

<script type="text/javascript">
  function FieldOnKeyUp() {
    this.value=this.value.substring(0,1).toUpperCase()+
      this.value.substring(1,this.value.length);
    if (this.value=='') 
      document.getElementById('aaaLabel').innerHTML='AAA'; 
  }
</script>

---

<input type="text" name="aaa" id="aaa" onkeyup="FieldOnKeyUp()">

有什么区别？

Answer 1

this 的值不会传递给您的单独函数。实际上，您的函数中的 this 被设置为 window 对象。您需要更改为此类代码，以便将正确的值传递给您的函数:

<input type="text" name="aaa" id="aaa" onkeyup="FieldOnKeyUp(this)">

和你的代码:

<script type="text/javascript">
function FieldOnKeyUp(el) {
     el.value=el.value.substring(0,1).toUpperCase()+el.value.substring(1); 
     if (el.value=='') {
         document.getElementById('aaaLabel').innerHTML='AAA'; 
     }
}
</script>

这是一个显示此代码有效的示例:http://jsfiddle.net/jfriend00/2dJ6x/ .