JavaScript 使用HTML DOM的oninput事件,實時監聽value值變化


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>

<p>該實例演示了如何使用 addEventListener() 方法向 input 元素中添加 "oninput" 事件。</p>
<p>向文本框中嘗試輸入即可觸發事件。</p>
輸入您的名字: <input type="text" id="myInput" value="Mickey">
<script>
document.getElementById("myInput").addEventListener("input", myFunction);
function myFunction() {
    alert("input 輸入框值已發生變化。");
}
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>

<p>該實例演示了如何使用 HTML DOM 向 input 元素中添加 "oninput" 事件。</p>
<p>向文本框中嘗試輸入即可觸發事件。</p>
輸入您的名字:  <input type="text" id="myInput" value="Mickey">
<script>
document.getElementById("myInput").oninput = function() {myFunction()};
function myFunction() {
    alert("input 輸入框值已發生變化。");
}
</script>

</body>
</html>

 

感謝菜鳥教程runoob.com


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM