DOM3中的js textInput文本事件
2011-04-07 00:00
567 查看
与keypress不同的是,该事件只会在用户输入可视字符时触发,而keypres事件则只要按下键即触发(如CapsLock,Backspace)。
可看到textInput考虑的主要是字符,可以通过事件对象的data属性获取所输入字符。
示例
DOM3 event textInput
function addEvent(el,type,fn){
if(el.addEventListener){
el.addEventListener(type, fn, false);
}else{
el.attachEvent('on' + type, fn);
}
}
var ipt = document.getElementById('ipt');
addEvent(ipt,'textInput',function(e){
e = e || window.event;
console.log(e.data);
});
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
目前只有IE9,Chrome,Safari支持。
可看到textInput考虑的主要是字符,可以通过事件对象的data属性获取所输入字符。
示例
DOM3 event textInput
function addEvent(el,type,fn){
if(el.addEventListener){
el.addEventListener(type, fn, false);
}else{
el.attachEvent('on' + type, fn);
}
}
var ipt = document.getElementById('ipt');
addEvent(ipt,'textInput',function(e){
e = e || window.event;
console.log(e.data);
});
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
目前只有IE9,Chrome,Safari支持。
相关文章推荐
- DOM3中的js textInput文本事件
- js之DOM操作(创建文本节点createTextNode)
- 【DOM操作】实时监听input[type='text']和HTML标签中属性改变事件
- 【JS事件】input文本内容改变可使用的事件
- DOM3 textInput事件
- FLEX文本htmlText调用js函数或者发送flex事件
- vue.js中v-on:textInput无法执行事件问题的解决过程
- js之dom事件的高级补充
- 从零开始学_JavaScript_系列(八)——js系列<2>(事件触发顺序、文本读取、js编写ajax、输入验证、下拉菜单)
- JS中dom0级事件和dom2级事件的区别介绍
- JS完美监听文本输入框变化oninput&onpropertychange
- js隐藏input text 边框
- js模拟QQ面板拖拽效果及状态切换效果(DOM事件)
- Material Design风格文本输入样式TextInputLayout的使用
- js给页面上所有type='text'的input加disabled属性
- JS一个非常经典的问题:在遍历数组时对DOM监听事件,索引值将始终等于遍历结束后的值
- Angularjs 事件指令 input 相关指令 和样式指令 DOM 操作指令详解
- js--DOM(事件处理)
- JS的Dom和事件处理机制(三)
- 【JS 设计模式 】门面模式之DOM元素绑定事件