HTML 输入框input事件监听实例
2013-06-13 15:15
441 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="auther" content="fq" /> <title>监听输入框值的即时变化 onpropertychange oninput</title> <script type="text/javascript"> function immediately(){ var element = document.getElementById("mytext"); if("\v"=="v") { element.onpropertychange = webChange; }else{ element.addEventListener("input",webChange,false); } function webChange(){ if(element.value){document.getElementById("test").innerHTML = element.value}; } } </script> </head> <body> 直接写在页面中的示例: <input type="text" name="textfield" oninput="document.getElementById('webtest').innerHTML=this.value;" onpropertychange="document.getElementById('webtest').innerHTML=this.value;" /> <div>您输入的值为:<span id="webtest">还未输入</span></div> <br /><br /><br /><br /><br /> 写在JS中的示例: <input type="text" name="textfield" id="mytext" /> <div>您输入的值为:<span id="test">还未输入</span></div> <script type="text/javascript"> immediately(); </script> </body> </html>
相关文章推荐
- 中文输入法下如何正确监听输入框input事件
- html中input标签只读属性和内容改变事件监听
- html input的file文件输入框onchange事件触发一次失效解决方法
- html input 等值改变添加监听事件
- js监听input等表单输入框的变化事件oninput
- 巧用 即刻搜索事件 input propertychange 监听输入框字数
- android输入框内容改变的监听事件实例
- 【DOM操作】实时监听input[type='text']和HTML标签中属性改变事件
- JS监听事件错误:Uncaught TypeError: xx(函数名)is not a function at HTMLInputElement.onclick
- 浅析html input 等值改变添加监听事件
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- jsp name属性相同的一组输入框input,输入其中一个值,其余值跟随改变事件监听代码
- JavaScript监听input等表单输入框的变化事件oninput
- 解决ff下JQuery无法监听input的keyup事件
- 转:表单中Readonly和Disabled的区别(HTML中使用javascript解除禁止input输入框代)
- oninput & onpropertychange实时监听输入框的变化 && ie8堆栈溢出
- 解决html页面中含有input输入框fixed布局底部按钮在Android和ios中被弹起的问题
- html的input输入框边框
- 鼠标事件监听实例
- vue使用element-ui的el-input监听不了回车事件的解决方法