2 
<!DOCTYPE html>
<html>
  <head>
    <script>
      function init() {
        document.getElementById("inputname").id = 'newinputname';
        document.getElementById("newinputname").onchange = function() { Test() };
      }
      function Test() {
        alert('Test');
      }
    </script>
  </head>
  <body onload='init()'>
    Enter your name: <input type="text" id="inputname">
  </body>
</html>

我似乎找不到任何查看更改页面的方法。比如上面的例子，除了说明之外没有别的目的，我希望能看到onchange体现出来的效果。说 IE 和F12工具，我可以看到输入元素的名称更改，但看不到onchange任何地方。

我有一段代码可以显着改变表格，更改ids 并设置onclick处理程序。我想检查更改是否已完成。如上所述，我可以看到id更改等工作正常，onclick功能似乎工作正常，但我看不到在onclick="..."新页面输出中输入的位置。

我想我可能有一些基本的误解。感激地收到任何帮助。

4

1 回答 1

0

而不是添加属性 onchange，分配document.getElementById("newinputname").onchange设置新的事件侦听器。

如果您想查看与元素相关的事件，则必须使用console.log类似的工具。请参阅此答案：如何在调试时或从 JavaScript 代码中查找 DOM 节点上的事件侦听器？

于 2013-07-21T14:31:56.040 回答