从HTML获取值并存储到变量

Question

我有以下代码：http://pastebin.com/61K2J9kR

有谁能告诉我为什么价值没有存入 dest_x ？单击'GO！'按钮后，文本框中的输入应存储在 dest_x 中。

任何帮助将不胜感激。

Answer 1

可能是因为您在同一元素上有两个onclick属性。

<INPUT id="btnMove" type="button" value="GO!" onClick="javascript:var t=setInterval('moveRight()', 80)" onClick="getValue()">

你应该只有一个：

<input id="btnMove" type="button" value="GO!" onclick="var t=setInterval('moveRight()', 80); getValue();">

您也不应该在javascript:事件中使用onclick - 这是一种用于将JavaScript置于href属性中的技术。

您还应该将dest_x的检索移动到您的moveRight函数中：

function moveRight() {
    var dest_x = document.getElementById('txtChar').value;
    //...

请注意，它是getElementById，而不是getElementByID - JavaScript区分大小写。

我已将这些更改包含在您脚本的更新版本中：http://pastebin.com/aX6mXRhg

这些变化使事情变得有效 - 您可能希望稍后考虑其他事项 - 但上面的修复应该让您同时进行。

1. 确定您的功能和变量范围
2. 使用JavaScript而不是HTML属性附加事件
3. 避免使用eval