DOM3 textInput事件-softbar
DOM3中引入了文本事件,其中之一 textInput 。
?
當用戶再可編輯區域輸入字符時觸發該事件。
?
與keypress不同的是,該事件只會在用戶輸入可視字符時觸發,而keypres事件則只要按下鍵即觸發(如CapsLock,Backspace)。
?
可看到textInput考慮的主要是字符,可以通過事件對象的data屬性獲取所輸入字符。softbar
http://www.softbar.com/??
示例
01
<!DOCTYPE HTML>
02
<html>
03
<head>
04
<title>DOM3 event textInput</title>
05
</head>
06
<body>
07
?
08
<input id="ipt" type="text" />
09
<script type="text/javascript">
10
?? ?function addEvent(el,type,fn){
11
?? ? ? ?if(el.addEventListener){
12
?? ? ? ? ? ?el.addEventListener(type, fn, false);
13
?? ? ? ?}else{
14
?? ? ? ? ? ?el.attachEvent('on' + type, fn);
15
?? ? ? ?} ? ? ?
16
?? ?}
17
?? ?var ipt = document.getElementById('ipt');
18
?? ?addEvent(ipt,'textInput',function(e){
19
?? ? ? ?e = e || window.event;
20
?? ? ? ?console.log(e.data);
21
?? ?});
22
</script>
23
?
24
</body>
25
</html>
?
目前只有IE9,Chrome,Safari支持。
總結
以上是生活随笔為你收集整理的DOM3 textInput事件-softbar的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 无监督学习:无监督降维
- 下一篇: 无监督分类:聚类分析(K均值)