JavaScript 使用HTML DOM的oninput事件，实时监听value值变化

最新推荐文章于 2023-06-15 11:12:15 发布

weixin_33816611

最新推荐文章于 2023-06-15 11:12:15 发布

阅读量692

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/pangpanghuan/p/6525053.html

版权

<!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

转载于:https://www.cnblogs.com/pangpanghuan/p/6525053.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33816611

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 使用HTML DOM的oninput事件，实时监听value值变化

<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><p>该实例演示了如何使用 addEventListener() 方法...
复制链接

扫一扫