input缓存中选值事件触发

简介:

现在浏览器都会缓存一些input框输入的内容,这些内容只是为了以后填写方便,一般是点击两次input框就会显示像下拉框一样的选项框,但在这个框里选择的值被填充到input框中时不会触发chang,focus,blur,click,dblclick等常用事件,如果需要当用户选择缓存中的某一个缓存项时触发一个事件,用于提取数据或其它操作时常规事件是做不到的。

后来找了一些文档找到了几个不常用或者是专用性的事件:

oninput和onpropertychange


oninput 事件是当input元素的value值发生变化时就触发【只针对inpu(textarea)的value属性】

onpropertychange 事件是当dom元素的属性值发生变化时就触发【针对整个dom节点】

这两个属性虽然主要的目的不一样,但用于触发input框缓存选择很有用。

只是这两个事件有兼容问题

oninput 事件则支持FF/Opera/Safari/NetScape

onpopertychange 事件只在IE下才有效

所以在正常使用中会把两个事件同时添加,

使用JQuery时:$('input').bind('input propertychange',function(){alert(this.value)});

使用元素事件属性:

    document.getElementById('input').oninput=function(){alert(this.value)}

    document.getElementById('input').onpopertychange=function(){alert(this.value)}

注意:onchange事件是只有当元素失去焦点且值变化时才会触发,对于缓存选择中填充值是无效的即使失去焦点

本文转自  ttlxihuan    51CTO博客,原文链接:http://blog.51cto.com/php2012web/1579960

相关文章
|
5月前
|
设计模式 存储 缓存
Java面试题:结合单例模式与Java内存模型,设计一个线程安全的单例类?使用内存屏障与Java并发工具类,实现一个高效的并发缓存系统?结合观察者模式与Java并发框架,设计一个可扩展的事件处理系统
Java面试题:结合单例模式与Java内存模型,设计一个线程安全的单例类?使用内存屏障与Java并发工具类,实现一个高效的并发缓存系统?结合观察者模式与Java并发框架,设计一个可扩展的事件处理系统
43 0
|
6月前
|
缓存
html input 如何设置禁止缓存历史记录
html input 如何设置禁止缓存历史记录
173 0
|
缓存 NoSQL Redis
缓存杂谈(二) Redis 的文件事件处理器
Redis 的文件事件处理器
140 0
|
缓存
【EventBus】事件通信框架 ( 订阅方法注册 | 检查订阅方法缓存 | 反射获取订阅类中的订阅方法 )(二)
【EventBus】事件通信框架 ( 订阅方法注册 | 检查订阅方法缓存 | 反射获取订阅类中的订阅方法 )(二)
140 0
|
缓存
【EventBus】事件通信框架 ( 订阅方法注册 | 检查订阅方法缓存 | 反射获取订阅类中的订阅方法 )(一)
【EventBus】事件通信框架 ( 订阅方法注册 | 检查订阅方法缓存 | 反射获取订阅类中的订阅方法 )(一)
117 0
|
缓存
【EventBus】事件通信框架 ( 订阅类-订阅方法缓存集合 | 事件类型-订阅者集合 | 订阅对象-事件类型集合 )
【EventBus】事件通信框架 ( 订阅类-订阅方法缓存集合 | 事件类型-订阅者集合 | 订阅对象-事件类型集合 )
219 0
|
SQL Oracle 关系型数据库
oracle等待事件5——库高速缓存上的等待事件 上
1、latch:shared pool 锁存器 shared pool锁存器起到保护堆(共享池的基本内存结构)的作用,为了查找free chunk,检索空闲列,分配适当的chunk,必要时分割空闲chunk的一连串工作,全部只能在获得shared pool 锁存器后才能发生,获得shared pool锁存器的过程中若发生争用,则等待latch:shared pool事件。
1097 0
|
SQL Oracle 关系型数据库
oracle等待事件5——库高速缓存上的等待事件 中
3、library cache lock 和 library cache pin library cache lock 的定义:访问或修改库高速缓冲区的对象时,对库高速缓冲区句柄(handle)获得的锁,在获得library cache lock 的过程中,如果发生争用,则等待library cache lock事件。
1133 0
|
SQL Oracle 关系型数据库
oracle等待事件5——库高速缓存上的等待事件 下
原文转自:http://www.eygle.com/archives/2004/10/shared_pool-5.html Oracle使用两种数据结构来进行shared pool的并发控制:lock 和 pin,Lock比pin具有更高的级别.
1276 0