html事件中onchange、oninput、onkeyup的解释与区别
墨初 Web前端 538阅读
在翻看html中input元素的事件属性时，发现了onchange、oninput、onkeyup这三个事件。下面73so博客就说一说这三个事件的解释与区别.
html onchange事件
定义用法：元素内的内容发生变动时被触发。
支持的标签：
<input type="text">， <select>，<textarea>
例：
<input type="text" onchange=“myFunction()”> <textarea onchange=“myFunction()”></textarea>
html oninput事件
定义用法：在相关的元素内输入内容时触发
支持的html标签：
<input>，<textarea>
例：
<input type="text" oninput=“myFunction()”> <textarea oninput=“myFunction()”></textarea>
html onkeyup事件
定义用法：指定元素在键盘上的某个按键权开时触发
支付的html标签：
<a><b><div><img><li><ul><form><h1><h2><h3><h4><h5><h6><pre><sub><var>
html onchange、oninput、onkeyup的区别
1、oninput 事件在元素值发生变化时立即触发
2、onchange 在元素失去焦点时立即触发
3、onkeyup是按键松开时触发
以上就是html中onchange、oninput、onkeyup三个事件的解释以及区别。