要即时的监听输入框(input,textarea)内容的变化,有一下几种方法

keydown,keypress,keyup事件 　　这些事件监听不了右键的复制，剪切和粘贴这些操作，在某些版本的浏览器中也会失效

change事件 　　　　　　　　　　1. 当对象属性改变，并且是键盘或者鼠标激发的，脚本触发无效
　　　　　　　　　　　　　　　　2. 当对象失去焦点(onblur)触发，且内容必须发生改变，若先改变再还原，则失焦时不触发

input和propertychange事件 　　 input是HTML5标准事件，在输入框的内容变化后立即触发，oninput能兼容到IE9.
　　　　　　　　　　　　　　　propertychange是IE专属的事件，对象属性发生改变时触发

　　　　　　　　　　　　　　　oninput限制：　 1. js改变value时，不触发
　　　　　　  　　　　　　　　　　　　　　　　2. select选取值，不触发
　　　　　　　　　　　　　　　onpropertychange限制： input为disable=true时，不触发

Bug
oninput和onpropertychange这两个事件在IE9中有个Bug，就是通过右键菜单的
剪切和删除命令删除内容时候不会触发，其他IE版本正常，目前无更好的方案。

onpropertychange在IE中，若用domObj.className="xx"来修改输入框的样式，
会导致IE下会有输入第一个字符的时候onpropertychange不触发的bug，因此要用
domObj.style.color="xx"来设置。

input实时监听value change的更多相关文章

  1. input实时监听(input oninput propertychange onpropertychange)

    本文实例讲述了js与jquery实时监听输入框值的oninput与onpropertychange方法.分享给大家供大家参考.具体如下: 最近做过一个项目,需求是下拉框里自动匹配关键字,具体细节是实时 ...

  2. input实时监听控制输入框的输入内容和长度，并进行提示和反馈

    一.前言 在MVVM模式下,有个双向数据绑定(data-binding)的优势,可以通过viewmodel实时的监听用户操作,也可以将model的改动实时的反馈到界面上. 那么,在传统的js操控DOM ...

  3. 关于input内容监听（change）

    js的话利用input的onchange事件 而jquery的话利用change()函数,代码如下: <!DOCTYPE html> <html> <head> & ...

  4. input实时监听

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  5. jquery input 实时监听输入

    $('input').bind('input propertychange', function() { alert('hello world') });

  6. 实时监听input输入内容的N种方法

    现在有一个需求,需要我们实时监听input输入框中的内容,从而带来更好的用户体验,而不是等我们全部输入完毕才告诉我们格式不对首先我们创建一个input输入框 <form name='loginF ...

  7. js 实时监听input中值变化

    注意:用到了jquery需要引入jquery.min.js. 需求: 1.每个地方需要分别打分,总分为100; 2.第一个打分总分为40; 3.第二个打分总分为60. 注意:需要判断null.&quo ...

  8. 实时监听input标签输入 实时监听文本框输入 避免中文输入法无法触发onkeyup事件的问题

    前言: 对于实时监听输入,这种需求大多数都是用于一个联想字提醒,智能提醒.大家都知道onkeydown,onkeypress,onkeyup的在监听中文输入法或者右键粘贴的时候都存在一些弊端,不是那么 ...

  9. 实时监听input输入框value的变化：

    HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件实时监听输入框value的变化 oninput 事件在用户输入时触发. 该事件在 <input&g ...

随机推荐

  1. 【转】Apache的Order Allow,Deny 详解

    Apache的Order Allow,Deny 详解   Allow和Deny可以用于apache的conf文件或者.htaccess文件中(配合Directory, Location, Files等 ...

  2. Thinking in java学习笔记之垃圾回收器如何工作

    垃圾回收器使得java在堆上分配空间的速度可以和其他语言从堆栈上分配空间的速度媲美.

  3. python面向对象

    1.概念 类:(class):具有相同属性和方法的对象的集合.用来定义该集合中每个对象所共有的属性和方法.对象是类的实例. 方法:类中定义的函数. 实例化:创建一个类的实例,类的具体对象. 对象:通过 ...

  4. socket 实例化方法

      #!/usr/bin/env python # encoding: utf-8 import socket ip_port = ('127.0.0.1',9999) sk = socket.soc ...

  5. Azure 数据库中文乱码的问题

    1,创建数据库的时候记得选择中文的 2,更新中文的时候记得加上N

  6. MySoft.Data 2.7.3版本的GitHub托管（ORM升级封装）

    MySoft.Data 2.7.3 dotnet ORM 版权 这里版权属于老毛:http://www.cnblogs.com/maoyong 说明 MySoft体系中的ORM组件,这里的版本为2.7 ...

  7. 环信Restfull API dotnetSDK

    Easemob.Restfull4Net 环信Restfull API dotnet的封装 支持的.Net Framework版本:4.0 API地址:http://docs.easemob.com/ ...

  8. jpa注解

    http://www.oracle.com/technetwork/cn/middleware/ias/toplink-jpa-annotations-100895-zhs.html#ManyToOn ...

  9. sql like

    在java里面写sql要用 like CONCAT('%',?,'%')

  10. 重温布局（display）

    无聊,从新复习了一遍,基础布局,记录一下,避免忘了. 首先说一下 Css文件前缀 Firefox:-moz-box-shadow Safari:-webkit-box-shadow Opera:-o- ...