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相关推荐

android input 点击事件失效,React Native：TextInput元素上的onContentSizeChange事件在Android上不起作用...
我在Android设备上的TextInput事件'onContentSizeChange'出现问题. 实际上,当我输入消息直到行尾并且文本进入下一行时,TextInput的高度不会更新.React N ...
JavaScript学习九、事件
JavaScript 与 HTML 之间的交互是通过事件实现的.事件,就是文档或者浏览器窗口中发生的一些特定的交互瞬间.可以使用侦听器(或处理程序)来预定事件,以便事件发生时执行相应的代码.类似于设计 ...
深入理解DOM事件机制
前言本文主要介绍: DOM事件级别 DOM事件流 DOM事件模型事件代理 Event对象常见的方法和属性一.DOM事件级别针对不同级别的DOM,我们的DOM事件处理方式也是不一样的. DOM级 ...
JS事件及其兼容用法
JavaScript与HTML之间的交互是通过事件实现的.事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间. 1.事件流:描述的是从页面中接收事件的顺序. IE提出的事件冒泡流:事件开始由最具体的 ...
a标签点击事件_DOM事件机制
前言本文主要介绍DOM事件级别.DOM事件模型.事件流.事件代理和Event对象常见的应用,希望对你们有些帮助和启发! 一.DOM事件级别 DOM级别一共可以分为四个级别:DOM0级.DOM1级.D ...
滚轮y坐标html,web交互之js事件
前言事件是用来实现js和html之间交互的,可以用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码.这种在传统软件工程中被称为观察员模式的模型,支持页面的行为(js)与页面的外观(htm ...
文本框的值默认显示文本域上_13.4.4 键盘与文本事件
用户在使用键盘时会触发键盘事件."DOM2 级事件"最初规定了键盘事件,但在最终定稿之前又删除了相应的内容.结果,对键盘事件的支持主要遵循的是 DOM0 级. "DOM3 ...
DOM 事件深入浅出（一）
在项目开发时,我们时常需要考虑用户在使用产品时产生的各种各样的交互事件,比如鼠标点击事件.敲击键盘事件等.这样的事件行为都是前端DOM事件的组成部分,不同的DOM事件会有不同的触发条件和触发效果.本文 ...
js 事件（绑定、解绑、三个阶段、相关方法）
事件绑定与解绑: DOM0级事件(这类事件可以使用 return false来阻止事件往下执行,包含默认事件) 绑定: html内<input οnclick=''> js中el.οncl ...

DOM3 textInput事件-softbar

DOM3 textInput事件-softbar相关推荐

最新文章

热门文章