onclick、onblur、onchange 有什么区别
一些人开发的 jsp 页面真的不敢恭维,有时候实在是太杂乱无章,不过也有自己的原因,谁让自己编写 js 等脚本的能力那么衰呢!
问题描述:
- 页面中存在如下图的输入框,进入页面后,会默认给出“起始日期”、“结束日期”,现要求如果“被加变量”一旦改动,程序会自动给出结束日期值。
- 详细参考下面截图(注意红色箭头):
注释:
被加变量在程序中被定义为 text 类型,使用οnchange=”方法;方法;…”你知道是具体是什么原因吗?为什么现在输入被加值时,结束日期不能自动求和吗?
。。。。。。
onchange ( HTML事件属性 )
onchange 在元素值改变时触发。
onchange 属性适用于:input、textarea 以及 select元素。
测试网址:
- http://www.w3school.com.cn/tiy/t.asp?f=html5_ev_onchange
onclick( Event 对象 )
- onclick 事件会在对象被点击时发生。
- .
- 请注意, onclick 与 onmousedown 不同!
- .
- 单击事件是在同一元素上发生了鼠标按下事件之后又发生了鼠标放开事件时才发生的。
- .
- 支持该事件的 JavaScript 对象:
button, document, checkbox, link, radio, reset, submit - 测试网址:
- http://www.w3school.com.cn/tiy/t.asp?f=hdom_onclick
onblur( HTML事件属性 )
- onblur 事件会在对象失去焦点时发生。
- .
支持该事件的 JavaScript 对象:
button, checkbox, fileUpload, layer, frame, password, radio, reset, submit, text, textarea, window测试网址:
- http://www.w3school.com.cn/tiy/t.asp?f=hdom_onblur
最后,熟悉了 3 个事件属性的用法,可能会有些头目。可以看到onblur支持text–文本类型,修改后可以解决题目中描述的问题。
如果能查明原因会更新至博客,当然也非常欢迎指教。
谢谢!