當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

DOM3 textInput事件-softbar

發布時間：2025/3/15 编程问答 36 豆豆

生活随笔收集整理的這篇文章主要介紹了 DOM3 textInput事件-softbar 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

DOM3中引入了文本事件，其中之一 textInput 。

當用戶再可編輯區域輸入字符時觸發該事件。

與keypress不同的是，該事件只會在用戶輸入可視字符時觸發，而keypres事件則只要按下鍵即觸發(如CapsLock，Backspace)。

可看到textInput考慮的主要是字符，可以通過事件對象的data屬性獲取所輸入字符。softbar

http://www.softbar.com/?

示例

<!DOCTYPE HTML>

<html>

<head>

<title>DOM3 event textInput</title>

</head>

<body>

?? ?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>

目前只有IE9，Chrome，Safari支持。

以上是生活随笔為你收集整理的DOM3 textInput事件-softbar的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。