深入理解html表单输入监听

网页制作 2024/12/23 佚名

3 2 1

小李飞刀资源网 Design By www.iooab.com

今天看到一篇有关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表单输入监听的全部内容了，希望大家喜欢哦~

如果大家想了解更多游戏活动与游戏攻略，请持续关注本站，本站小编将在第一时间为大家带来最好看、最好玩、最新鲜的游戏资讯。更多精彩内容，尽在jb51游戏频道！

html,表单输入,监听

标签：

小李飞刀资源网 Design By www.iooab.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

小李飞刀资源网 Design By www.iooab.com

评论“深入理解html表单输入监听”

暂无评论...

2024年12月23日