jquery中沒有oninput事件,該事件在用戶輸入時觸發(fā),存在于html中和JavaScript中;在JavaScript中可以使用addEventListener()方法來設置oninput事件,語法為“
”或者“object.addEventListener("input", myScript);”。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.6.0版本、Dell G3電腦。
jquery中有oninput事件嗎
oninput 事件在用戶輸入時觸發(fā)。
該事件在 <input> 或 <textarea> 元素的值發(fā)生改變時觸發(fā)。
提示: 該事件類似于 onchange 事件。不同之處在于 oninput 事件在元素值發(fā)生變化是立即觸發(fā), onchange 在元素失去焦點時觸發(fā)。另外一點不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。
語法
HTML 中:
<element oninput="myScript">
JavaScript 中:
object.oninput=function(){myScript};
JavaScript 中, 使用 addEventListener() 方法:
object.addEventListener("input", myScript);
示例如下:
<body> <p>在文本框中嘗試輸入觸發(fā)函數(shù)。</p> <input type="text" id="myInput" oninput="myFunction()"> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myInput").value; document.getElementById("demo").innerHTML = "你輸入的是: " + x; } </script>
輸出結果:
視頻教程推薦:jQuery視頻教程