DOM3中的js textInput文本事件


答案：与keypress不同的是，该事件只会在用户输入可视字符时触发，而keypres事件则只要按下键即触发(如CapsLock，Backspace)。 
可看到textInput考虑的主要是字符，可以通过事件对象的data属性获取所输入字符。 
示例 
 
<!DOCTYPE HTML> 
<html> 
<head> 
<title>DOM3 event textInput</title> 
</head> 
<body> 
<input id="ipt" type="text" /> 
<script type="text/javascript"> 
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); 
}); 
</script> 
</body> 
</html> 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
 
目前只有IE9，Chrome，Safari支持。

上一个：我的javascript 函数链之演变
下一个：jquery对表单操作2

更多图片编程知识:

Struts2 ognl <s:sort ../>标签详解
用JavaScript脚本实现Web页面信息交互
jQuery使用手册之一
多图幻灯Pixelate马赛克效果
一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之用户管理（4）
js实现图片等比缩略显示支持IE/FF