实时监听input输入内容的几种方法
封面图
•
2023-07-17
•
JavaScript
210
0
0
0
1. 使用input的onchange事件 ```javascript <input type="text" onchange="alert('input内容发生改变啦')"/> ``` 2. 使用input的oninput事件 ```javascript <input type="text" oninput="alert('input内容发生改变啦')"/> ``` 3. 使用input的onkeyup事件 ```javascript <input type="text" onkeyup="alert('input内容发生改变啦')"/> ``` 4. 使用input的onpropertychange事件 ```javascript <input type="text" onpropertychange="alert('input内容发生改变啦')"/> ``` 5. 使用addEventListener()方法 ```javascript <input type="text" id="input"/> <script> var input = document.getElementById('input'); input.addEventListener('input', function(){ alert('input内容发生改变啦'); }); </script> ```
上一篇：
js 格式化json
下一篇：
在JavaScript中如何生成随机字符串
标题录入，一次不能超过6条
返回顶部
留言
留言
评论