永发信息网
oninput和onchange的区别
答案:1 悬赏:20
手机版
解决时间 2021-11-14 08:24
提问者
网友：骑士
2021-11-13 09:45
oninput和onchange的区别
最佳答案
五星知识达人
网友：雪起风沙痕
2021-11-13 11:23
Ⅰ、oninput事件
oninput 事件在用户输入时触发。
该事件在
或
元素的值发生改变时触发。<br/>提示： 该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。<br/><br /><br/>语法：<br/>HTML 中：<element oninput="myScript">;<br/>JavaScript 中：object.oninput=function(){myScript};<br/>JavaScript 中, 使用 addEventListener() 方法：object.addEventListener("input", myScript);尝试一下<br/>注意： Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。<br/><br /><br/>技术细节：<br/>是否支持冒泡：Yes <br/>是否可以取消：No <br/>事件类型：Event <br/>支持的 HTML 标签：<br /><br/><input type="password">, <input type="search">, <input type="text"> 和 <textarea> <br/><br /><br/>Ⅱ、onchange事件（Event 对象）<br/>定义和用法：onchange 事件会在域的内容改变时发生。<br/>语法：onchange="SomeJavaScriptCode"<br/><br /><br/>参数：SomeJavaScriptCode<br/>描述：必需。规定该事件发生时执行的 JavaScript。 <br/>支持该事件的 HTML 标签：<input type="text">, <select>, <textarea><br/>支持该事件的 JavaScript 对象：fileUpload, select, text, textarea<br/>实例 1<br/>在本例中，我们将在用户改变输入域内容时执行 JavaScript 代码：<br/><html><br /><head><br /><br /></head><br /><br /><body><br /><br />输入您的姓名：<br /><input type="text" id="fname" onchange="upperCase(this.id)" /><br /><br /></body><br /></html><br /><br/>输出：输入您的姓名：____________________<br/></div> <!--海纳信息网-手机版mip20:6_B一--> <!-- <div class="mip-adbd"> <mip-ad type="baidu-wm-ext" domain="zhsho1.zhsho.cn" token="faswzswsw"> <div id="faswzswsw"></div> </mip-ad> </div> --> <!--百度联盟广告结束--> <!--海纳信息网-手机版mip20:6_C一--> <!-- <div class="mip-adbd"> <mip-ad type="baidu-wm-ext" domain="zhsho1.zhsho.cn" token="pkjhzhhhs"> <div id="pkjhzhhhs"></div> </mip-ad> </div> --> <!--百度联盟广告结束--> <!--不良信息访问者自举报--> <div class="s-title">我要举报</div> <div class="content-jubao">如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！ <mip-form method="post" url="https://m.zhsho.com/api/report.php?itemid=2493810&mid=10"> <div class="jubao"><input type="input" name="content" validatetarget="content" value="oninput和onchange的区别 "></div> <div class="jubao"><input type="input" name="type" value="不良信息"></div> <input type="submit" value="点此我要举报以上问答信息"> </mip-form> </div> <!--举报结束--> <!--大家都在看推荐--> <div class="s-title">大家都在看</div> <div class="contact"> <table width="100%"> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/de348ac2c718f0e871db72b2f7f3df06.html" target="_blank" data-title="五星级酒店前台招聘工资3500——6000算低还是高的？靠不靠谱">五星级酒店前台招聘工资3500——6000算低还是</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/ffc306b87a4ea35f93f288232ae7bcf9.html" target="_blank" data-title="为啥台湾鸡排那么大还那么便宜">为啥台湾鸡排那么大还那么便宜</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/d5b2c09e8246c1f9857097f7d9a78a0c.html" target="_blank" data-title="到底什么是道路，什么是公路">到底什么是道路，什么是公路</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/a8ea52a78c390098c1527d196abb7da8.html" target="_blank" data-title="选择胶粘剂有什么好处">选择胶粘剂有什么好处</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/92b35ce4b20397826293eba52b5ed972.html" target="_blank" data-title="我不是不想努力。而是我的懒惰心里让我努力不起来。这可怎么办好">我不是不想努力。而是我的懒惰心里让我努力不</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/45ade25eb781497d20d4e0ce71a370d4.html" target="_blank" data-title="40年出生的属什么">40年出生的属什么</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/f1fba5e36f8ac876110307c3c3cd0d81.html" target="_blank" data-title="权健魔粉怎么吃,饭前还饭后吃,吃几包,谢谢">权健魔粉怎么吃,饭前还饭后吃,吃几包,谢谢</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/99efb59bf956e55e2af6e137d589ee9e.html" target="_blank" data-title="来自历史典故的歇后语">来自历史典故的歇后语</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/a529b2457feafd310a5622b9e136b53b.html" target="_blank" data-title="加盟骑士这个品牌可靠吗？">加盟骑士这个品牌可靠吗？</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/d21ff34ba3023bbb4f4068b84c0d2261.html" target="_blank" data-title="0.4+0.44+0.444+0.4444+............+0.44444(100个）的结果的整数部分是多少？">0.4+0.44+0.444+0.4444+............+0.44444</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/f0ccc7a0d9f7f529055f5eca938c1d4b.html" target="_blank" data-title="上海绘济科技信息有限公司怎么样？老板是光头的那个。">上海绘济科技信息有限公司怎么样？老板是光头</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/4cca8ce2c4ba6163fa735d0ef420cc6d.html" target="_blank" data-title="50mA马达发的电会不会造成明火">50mA马达发的电会不会造成明火</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/4a8af86488629c9520d5d31e77c2e32e.html" target="_blank" data-title="1·5高98斤胖吗">1·5高98斤胖吗</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/0ea559f13457e8774d01f2c79cc2eff9.html" target="_blank" data-title="谁知道快乐大本营20170128期张翰这件白色卫衣是什么牌子的??急求，谢谢!!">谁知道快乐大本营20170128期张翰这件白色卫衣</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/d014b16064ed4aba6cdfeed00242639b.html" target="_blank" data-title="中教教育公司靠谱吗">中教教育公司靠谱吗</a></td> </tr> </table></div> <!--大家都在看结束--> <!--海纳信息网-手机版mip原生图文_B--> <!-- <div class="mip-adbd"> <mip-ad type="baidu-wm-ext" domain="zhsho1.zhsho.cn" token="gbatkydyh"> <div id="gbatkydyh"></div> </mip-ad> </div> --> <!--百度联盟广告结束--> <!--知道推荐--> <div class="s-title">推荐资讯</div> <div class="contact"> <table width="100%"> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/05c85b84348f76eca9febaa9d68f321e.html" target="_blank" data-title="马币一元等于台币多少">马币一元等于台币多少</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/5adf43bf0379be81f4df770ae27884e0.html" target="_blank" data-title="分其乐平台还能借钱吗">分其乐平台还能借钱吗</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/8a30a73d6cba6f2ef07dc5fdd332d4bb.html" target="_blank" data-title="模拟人生如何尽快搜寻资料升到三级可以建立青少年大厦？卡板那个做什么菜得，麦克风跟灯光我得两个了，">模拟人生如何尽快搜寻资料升到三级可以建立青</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/4a54d60f23e03e936d0bda8c15becd7c.html" target="_blank" data-title="读嘉应学院梅州师范分院可以不用考教师资格证吗">读嘉应学院梅州师范分院可以不用考教师资格证</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/5396ce7eec4d304441015153b2faf9a5.html" target="_blank" data-title="皮草里面有开线的地方可以自己缝吗">皮草里面有开线的地方可以自己缝吗</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/aa35ec50b80ed8950d4e9c13ce073dba.html" target="_blank" data-title="48升可以装多少东西？">48升可以装多少东西？</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/7e0236d39194508996621ab71b5dcb7b.html" target="_blank" data-title="OTDR后缀名为.OTDR的软件，用什么软件能打开？">OTDR后缀名为.OTDR的软件，用什么软件能打开</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/f73fe380478a9f27a07af88ca0a581f0.html" target="_blank" data-title="大家认为男生很娘的表现有哪些">大家认为男生很娘的表现有哪些</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/fcfd07318e27d082c07d58f7d2fb296a.html" target="_blank" data-title="如何自学水彩">如何自学水彩</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/df76d74655ee93a17d6271d8a461a3ab.html" target="_blank" data-title="周大福0.39克拉钻石值多少钱">周大福0.39克拉钻石值多少钱</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/7ba5aa7325b19b8cb69a76bab01a9aad.html" target="_blank" data-title="帮助解封 谢谢">帮助解封 谢谢</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/7d3d0b564571a3fdfc8d1a5fb1ffeeed.html" target="_blank" data-title="d n f战斗力值里装备什么意思？">d n f战斗力值里装备什么意思？</a></td> </tr> </table><table width="100%"> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/508c37cc66ad7f2b48119b28f5de6e2c.html" target="_blank" data-title="正方形一边上任一点到这个正方形两条对角线的距离之和等于对角线长的 A：1/3 B:1/2 C:1/4 D:2倍">正方形一边上任一点到这个正方形两条对角线的</a></td> </tr> <tr> <td><a data-type="mip" href="https://mip.zhsho.com/know/0b3ca78ea8ce3bb3d67f13092a35cf4b.html" target="_blank" data-title="阴历怎么看 ？">阴历怎么看 ？</a></td> </tr> </table></div> <!--推荐结束--> </div> <!--不良信息访问者自举报--> <br> <div class="s-title-jubao"> <mip-form method="post" url="https://m.zhsho.com/api/report.php?itemid=2493810&mid=10"> <div class="jubao"><input type="input" name="content" validatetarget="content" value="oninput和onchange的区别 "></div> <div class="jubao"><input type="input" name="type" value="不良信息"></div> <input type="submit" value="如以上问答为侵权/违法等信息，可以点此举报!"> </mip-form> </div> <!--举报结束--> <!--增加底部开始--> <div class="main"> <div class="head_footer"> <a href="https://mip.zhsho.com/">网站首页</a> | <a href="https://m.zhsho.com/about/about.html" rel="nofollow">关于我们</a> | <a href="https://m.zhsho.com/guestbook/" rel="nofollow">网站留言</a> </div> <div class="main_footer"> <a href="https://m.zhsho.com/about/contact.html" rel="nofollow">联系永发信息网</a><br> Copyright © 2024 <a href="https://mip.zhsho.com/">永发信息网</a> 版权所有 </div> </div> <!--增加底部结束--> <mip-fixed type="gototop"> <mip-gototop threshold='100'></mip-gototop> </mip-fixed> <mip-stats-baidu token="8c103b8e3599c6e1cffa7ec987eaa84b"></mip-stats-baidu> <script src="https://c.mipcdn.com/static/v2/mip.js"></script> <script src="https://mipcache.bdstatic.com/static/v1/mip-stats-baidu/mip-stats-baidu.js" async="async"></script> <script src="https://c.mipcdn.com/static/v1/mip-ad/mip-ad.js" async="async"></script> <script src="https://mipcache.bdstatic.com/static/v1/mip-lightbox/mip-lightbox.js" async="async"></script> <script src="https://mipcache.bdstatic.com/static/v1/mip-nav-slidedown/mip-nav-slidedown.js" async="async"></script> <script src="https://mipcache.bdstatic.com/static/v1/mip-share/mip-share.js" async="async"></script> <script src="https://mipcache.bdstatic.com/static/v1/mip-gototop/mip-gototop.js" async="async"></script> <script src="https://mipcache.bdstatic.com/static/v1/mip-history/mip-history.js" async="async"></script> <script src="https://c.mipcdn.com/static/v1/mip-scrollbox/mip-scrollbox.js" async="async"></script> <script src="https://c.mipcdn.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script> <script src="https://mipcache.bdstatic.com/static/v1.2/mip-form.js" async="async"></script> </body> </html>