javascript - onchange 不工作

标签 javascript events onchange

我正在通过 O'Reilly 媒体的 Head First 系列书籍学习 JavaScript,刚刚到达必须使用 onchange 事件的章节。

我正在使用 Safari/OS X Lion、Firefox、Chrome、Opera 和 IE/Windows 进行测试,但得到了相同的结果。

鉴于此代码:

<html>
    <head>
        <title>onChange Test</title>
        <script type="text/javascript">
            function itWorks(){
                alert("it works!");   
            }
        </script>
    </head>
    <body>
        <form>
            <input type="text" onchange="itWorks();" />
            <input type="text" onchange="itWorks();" />
        </form>
    </body>
<html>

每当我们从一个字段更改为另一个字段时,无论是仅通过单击还是使用 TAB 键激活,onchange 事件都会起作用,这样说是否正确?

最佳答案

onchange 事件在以下情况下触发:

  • 焦点离开领域
  • 如果自获得焦点后该值发生了变化

焦点如何丢失并不重要,并且焦点不需要移动到另一个字段(可以聚焦链接,或者文档中没有任何内容,等等)。

关于javascript - onchange 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8285443/

相关文章:

javascript - 使用日历选择器更新另一个的 onchange/oninput 的输入值

javascript - 如何创建视频并将其上传到解析服务器?

javascript - 如何判断 HTML 下拉列表是否显示选项列表

javascript - onmouseover 功能不起作用

javascript - 用对象数组填充表

c# - 订阅可空类的事件

java - 阻止事件在 GWT 中冒泡

javascript - 从模糊事件重新聚焦元素时防止第二个元素模糊(仅限 IE8)

Javascript 在新窗口中重新提交具有特定尺寸的表单

grails - g:使用rest-url选择onchange