`

即时搜索事件 input propertychange

阅读更多

 即时搜索的方案一:

    change事件  触发事件必须满足两个条件:

      a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效)
      b)当前对象失去焦点(onblur)
    即时搜索的方案二:
              keypress  就是能监听键盘事件

   即时搜索的方案三:

      propertychange(ie)和input事件(常用)

                   input是标准的浏览器事件,一般应用于input元素,当input的value发生变化就会发生,无论是                       键盘输入还是鼠标黏贴的改变都能及时监听到变化

      propertychange,只要当前对象属性发生改变。(IE专属的)

      oninput 和 onpropertychange 这两个事件在 IE9 中都有个小BUG,那就是通过右键菜单菜单中的 剪切 和 删除 命令删除内容的时候不会触发,而 IE 其他版本都是正常的,目前还没有很好的解决方案。

 eg:

 $('#inputsearch').bind('input propertychange', function () {

     var strKeyword=$(this).val();   

     if(strKeyword!='') { }

     })

   

分享到:
评论

相关推荐

    js与jquery实时监听输入框值的oninput与onpropertychange方法

    主要介绍了js与jquery实时监听输入框值的oninput与onpropertychange方法,实例分析了oninput与onpropertychange实现下拉框里自动匹配关键字实时监听文本框value值变化的功能,需要的朋友可以参考下

    js propertychange和oninput事件

    项目中常遇到输入框检查的需求,比如即时搜索,用change事件?change事件失去焦点才发生,无法做到即时。keypresss事件?能监听到键盘,但监听不到鼠标复制粘贴,不完美

    jquery 实时监听输入框值变化的完美方法(必看)

    只需要同时绑定 oninput 和 onpropertychange 两个事件,但是这并不完美 $('.input-form :input').bind('input propertychange', function() { //获取.input-form下的所有 <input> 元素,并实时监听用户输入 ...

    js change,propertychange,input事件小议

    而在其他标准浏览器中(包括IE9),是点击后立即触发change事件的,这的确是个蛋疼的问题,说到解决方法,倒也比较容易,用IE(LTE8)中元素特有的propertychange事件来处理(IE9已经没这玩意儿了),就能避免上述问题,如...

    让input框实现类似百度的搜索提示(基于jquery事件监听)

    挺炫的一个效果,百度和谷歌好像已实现好多年了,我以为...通过监听input和propertychange事件实现实时的改动监听,input是主流,propertychange是ie,你懂的;通过ajax实现post动作,把返回内容显示成类似选框的形式;

    jquery实现input输入框实时输入触发事件代码

    代码如下: //绑定商品名称联想 $(‘#productName’).bind(‘input propertychange’, function() {searchProductClassbyName();}); 代码如下: searchProductClassbyName 为触发后调用的方法; 实现效果:

    输入框的字数时时统计—关于 onpropertychange 和 oninput 使用

    做一个输入框的字符统计,限制输入字符数量, 即在输入框的内容发生变化的时候改统计字符长度。 跟新浪微博一样,统计字符数量,不超过140字

    javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足

    用onpropertychange,oninput事件解决onchange事件的不足,需要的朋友可以参考下。

    jQuery监控文本框事件并作相应处理的方法

    .on('input propertychange', '#query', function(){ var input = $(this).val(); show(input); }); var show = function(txt){ var info = '监听:<b>' + txt + '</b><br> ' + '相关搜索: ' + show...

    jquery实现输入框实时输入触发事件代码

    本文主要分享了jquery实现输入框实时输入触发事件的代码,代码简单易懂,需要的朋友一起来看下吧

    JS实现移动端实时监听输入框变化的实例代码

    如果是在pc端,监听输入框你可能想到focus、blur、hover、onkeyup...利用jquery提供的 input propertychange 事件监听,同时也是判断文本框长度变化,执行查询操作。 显然如果做类似实时响应的模糊查询时,貌似两个方

    jquery下onpropertychange事件的绑定方法

    今天做一张表单,要求行输入的时候,自动计算值,并且计算值的这一列,要自动合计。 开始用了onchange事件... 代码如下: $(“#textboxID”).bind(“propertychange”, function() { alert($(this).val()); });

    txtinput:跨浏览器输入事件模块

    txt输入跨浏览器输入事件模块。 它也可以作为CommonJS / AMD模块来支持。用法该模块将在全局对象上公开一个名为... 本机事件对象是IE10 +和其他现代浏览器中的input事件对象,并且可能是IE6-9中的propertychange ,

    JQuery文本改变触发事件如聚焦事件、失焦事件

    Juery中聚焦事件: 代码如下: $(“#id”).focus(function(){ });... 文本改变事件可以这样写,propertychange是属性改变时触发事件 代码如下: $(“#id”).bind(“propertychange”,function() { });

    jquery keypress,keyup,onpropertychange键盘事件

    起初用js 的onkeyup事件,但始终没能触发。该事件不知道别的什么地方监视了,js的事件有传递,也可以阻断,蛮麻烦,情况太多。找了好久,终于找到了一种解决方案,通过onpropertychange事件可以迎刃而解。 代码如下:...

    JQuery 文本框使用小结

    文本框的改变事件,可使用propertychange,例如: 代码如下: $(“#txtDataDate”).bind(“propertychange”,function(){ }); 2。获取被选中RadioButton 的值 代码如下: var radio_value = $(“input[type=radio]...

    第5章 JSP与JavaBean

    每次属性值改变时,这种属性就触发一个PropertyChange事件(在Java程序中,事件也是一个对象)。事件中封装了属性名、属性的原值、属性变化后的新值。这种事件传递到其他的Bean,至于接收事件的Bean应该做什么动作由...

Global site tag (gtag.js) - Google Analytics