简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

深入理解html表单输入监听

来源:易贤网   阅读:1497 次  日期:2016-07-04 13:57:11

温馨提示:易贤网小编为您整理了“深入理解html表单输入监听”,方便广大网友查阅!

下面小编就为大家带来一篇深入理解html表单输入监听。小编觉得挺不错的,现在分享给大家,也给大家做个参考。

今天看到一篇有关input事件的博文,一时兴起便整理下相关的资料。

事件:

function changeVal(value){    console.log($(value).val())}

onchange:onchange事件是在前后内容改变,并且失去焦点之后才会触发。

<input type="text" value="" onchange="changeVal(this)">

oninput:oninput事件则会在value改变时就触发。

<input type="text" value="" oninput="changeVal(this)">

名单

还有一个onpropertychange事件,效果与oninput相似,但是IE专用!而且测试的时候并没有生效,一脸懵逼中。。。

补充:

oninput与onpropertychange失效的情况:

oninput事件:

(1)当脚本中改变value时,不会触发;

(2)从浏览器的自动下拉提示中选取时,不会触发;

onpropertychange事件:

当input设置为disable=true后,不会触发。

以上就是小编为大家带来的深入理解html表单输入监听的全部内容了,希望大家喜欢哦

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:HTML实现遮罩层的方法 HTML中如何使用遮罩层
下一篇:Html制作简单而漂亮的登录页面
易贤网手机网站地址:深入理解html表单输入监听
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!