表单元素事件 (Form Element Events)_javascript技巧
程序员文章站
2022-05-04 12:14:38
...
属性 值 描述
onchange 脚本 当元素改变时执行脚本
onsubmit 脚本 当表单被提交时执行脚本
onreset 脚本 当表单被重置时执行脚本
onselect 脚本 当元素被选取时执行脚本
onblur 脚本 当元素失去焦点时执行脚本
onfocus 脚本 当元素获得焦点时执行脚本
w3c的标准是这么描述的。
可是发现IE可以执行(不过如果你在遨游下测试onfocus的话千万别用alert(),会无限弹出。),其他浏览器都不可以实现。IE向来是个不听话的主,都是搞私有主义的...........不过有时候在非表单元素中使用以上事件确实很有用,可以通过对非表单元素设置tabindex属性,让其他浏览器的非表单元素来响应事件。这应该算是一个hack(不符合标准,不过也是无奈之举)。不过确实好用
onchange 脚本 当元素改变时执行脚本
onsubmit 脚本 当表单被提交时执行脚本
onreset 脚本 当表单被重置时执行脚本
onselect 脚本 当元素被选取时执行脚本
onblur 脚本 当元素失去焦点时执行脚本
onfocus 脚本 当元素获得焦点时执行脚本
w3c的标准是这么描述的。
可是发现IE可以执行(不过如果你在遨游下测试onfocus的话千万别用alert(),会无限弹出。),其他浏览器都不可以实现。IE向来是个不听话的主,都是搞私有主义的...........不过有时候在非表单元素中使用以上事件确实很有用,可以通过对非表单元素设置tabindex属性,让其他浏览器的非表单元素来响应事件。这应该算是一个hack(不符合标准,不过也是无奈之举)。不过确实好用
推荐阅读
-
将form表单中的元素转换成对象的方法适用表单提交_javascript技巧
-
将form表单中的元素转换成对象的方法适用表单提交_javascript技巧
-
javascript获取form里的表单元素的示例代码_javascript技巧
-
表单元素事件 (Form Element Events)_javascript技巧
-
js函数名与form表单元素同名冲突的问题_javascript技巧
-
js 使FORM表单的所有元素不可编辑的示例代码_javascript技巧
-
javascript获取form里的表单元素的示例代码_javascript技巧
-
js 使FORM表单的所有元素不可编辑的示例代码_javascript技巧
-
表单元素事件 (Form Element Events)_javascript技巧
-
js函数名与form表单元素同名冲突的问题_javascript技巧