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>




<div class="s-title">我要举报</div>
<div class="content">如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
<br>
<a href="javascript:SendReport('','2493810','10');"><div class="btns-black">点此我要举报以上问答信息</div></a>
</div>
<div class="m head_s" id="destoon_space"></div>
<script type="text/javascript">
function SendReport(c,id,mid) {
    var mbpath="https://m.zhsho.com/";
var c = c ? c : ($('#title').length > 0 ? $('#title').html() : document.title)+'\n'+window.location.href;
if(id){
    var htm = '<form method="post" action="'+mbpath+'api/report.php?itemid='+id+'&mid='+mid+'" id="dreport">';
}else{
    var htm = '<form method="post" action="'+mbpath+'api/report.php" id="dreport">';
}
htm += '<textarea style="display:none;" name="content">'+c+'

'; htm += ''; $('#destoon_space').html(htm); Dd('dreport').submit(); }