Javascript:意外的 token }

Question

尝试将 this.value 作为参数传递时，我不断收到意外标记 } 错误。

我的 body 里有:

<input type="text" size="3" id="rbgTextbox" onkeypress="if (ValidateRGBTextboxInput(event)) ChangeBackgroundColor("+this.value+"); else return false;">

功能:

<script type="text/javascript">
    function ValidateRGBTextboxInput(e) {
      return ById('rbgTextbox').value.length < 6 &&
       (e.which >= 48 &&
        e.which <= 57 ||
        e.which >= 65 &&
        e.which <= 70 ||
        e.which >= 97 &&
        e.which <= 102);
    }

    function ChangeBackgroundColor(color) {
      alert(color);
      ById('gameArea').style.backgroundColor = '#'+color;
      ById('nextPiece').style.backgroundColor = '#'+color;
    }
  </script>

如果我改变 ChangeBackgroundColor("+this.value+");对于 ChangeBackgroundColor('000000');我没有再收到错误，但是我当然需要将文本输入的值作为参数传递。

Answer 1

您不需要引号。如果你有双引号，你会破坏输入字段上的 onkeypress 属性所需的字符串。希望这是有道理的；)

<input type="text" 
       size="3" 
       id="rbgTextbox" 
       onkeypress="if (ValidateRGBTextboxInput(event)) ChangeBackgroundColor(this.value); else return false;">

这popular post on SO可以帮助您理解 Javascript 中的引号。