OnChange事件处理程序不起作用 [英] OnChange event handler not working

问题描述

我正在使用带有输入元素的onchange事件处理程序.我知道这很简单，我只是添加了一个onchange属性.但这根本无法正常工作，也不会在控制台中显示任何类型的错误.

I'm using onchange event handler with an input element. I know it's simple, I just added an onchange attribute. But it's not at all working also not showing any kind of error in console.

<script type="text/javascript">
  function select(a) {
    console.log(a);
    document.getElementById("demo").innerHTML = a;
  }
</script>
<p id="demo"></p>

<input type="checkbox" onchange="select('XYZ')">

推荐答案

select 是保留字在JavaScript中(某种).

select is a reserved word in JavaScript (sort of).

<script type="text/javascript">
  function _select(a) {
    document.getElementById("demo").innerHTML = a;
  }
</script>
<p id="demo"></p>

<input type="checkbox" onchange="_select('XYZ')">

^{请注意，正如上面的链接所述， select 在技术上不是 保留字(在 JavaScript 中).它通常可用于变量名和函数.但是，浏览器实现确实拒绝将DOM事件直接 绑定到共享DOM属性名称的函数.而且，我还不确定该限制或冲突在规范中的明确位置...还是只是一次不幸的事故.}

^{Note that, as the link above states, select isn't technically a reserved word (in JavaScript). It can be used in general for variable names and functions. But, browser implementations do refuse to bind DOM events directly to functions that share DOM property names. And, I'm not yet sure where this restriction or conflict is explicitly named in the specs ... or if it's just an unhappy accident.}

这篇关于OnChange事件处理程序不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！