ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
[jquery $与jQuery - 虚无缥缈的云 - 博客园 (cnblogs.com)](https://www.cnblogs.com/lichihua/p/8079187.html) [jquery多种方式实现输入框input触发事件之oninput,onpropertychange,onchange事件及区别](https://www.cnblogs.com/b-code/p/7834478.html) 有关inputs输入内容的事件监听,一般我们会想到下面几个关键词:**oninput,onpropertychange,onchange** **oninput与onchange的一个区分** **oninput:**该事件在或元素的**值发生改变时触发(立即触发);** **onchange:**该事件在在  ,,  和   元素**失去焦点**时**触发;** **如下测试实例:** onchange和onput都输入结束后的效果: ![](https://img.kancloud.cn/c0/8b/c08b4cc74702fa975c2760d708948593_606x96.png) 当onchange和oninput都输入结束后的点击页面失去焦点后的效果: ![](https://img.kancloud.cn/c2/1e/c21eb08e53e178dd6e430e40c5e9dea2_597x102.png) *一般js中使用方式:object*.oninput/onchange=function(){       //触发实现的功能代码       ...........     };  **onpropertychange:**在触发对象改变任何属性时都会触发**;这个是IE专属的,其他浏览器不兼容** **不过我们可以这样来使用兼容其他的浏览器** $('.proitem input').bind('input propertychange', function() { $(this).css("box-shadow","none"); }); 就是每次输入内容都会触发使得其中的阴影效果消失。