hi,欢迎访问本站!
当前位置: 首页Web前端正文

html事件中onchange、oninput、onkeyup的解释与区别

墨初 Web前端 324阅读

在翻看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三个事件的解释以及区别。

声明:无特别说明,转载请标明本文来源!
相关推荐