input的onchange，onpropertychange，oninput事件区别及兼容各个浏览器使用方法

HTML部分

<input type="text" id="keyword"/>

1.onchange事件

(1)使用方法：

$("#keyword").on("change",function(){console.log($("#keyword").val())
});

(2)注意：

①输入完成后必须失去焦点才会触发，不失焦则不会触发；

②和blur失焦的效果一样。

2.onpropertychange事件

(1)使用方法：

$("#keyword").bind("propertychange",function(){console.log($("#keyword").val())
});

(2)注意：

只适用于低版本IE，其它浏览器（chrome，firefox，360极速模式）都不支持。

3.oninput事件

(1)使用方法：

$("#keyword").bind("input",function(){console.log($("#keyword").val())
});

(2)注意：

只适用于标准浏览器（chrome，firefox，360极速模式)，不支持IE。

4.如果（chrome，firefox，360极速模式，IE）都能支持那样最理想，想到这里，好多小伙伴第一想法，通过js进行浏览器检测实现不同浏览器兼容，在这里如果只是这一个地方，那根本不用js进行浏览器判别：

$("#keyword").bind("input propertychange",function(){console.log($("#keyword").val())
});

此法，甚好，绑定两个事件，都能使用了！

input的onchange，onpropertychange，oninput事件区别及兼容各个浏览器使用方法相关推荐

HTML 鼠标绑定滚动条,js鼠标滑轮滚动事件绑定（兼容主流浏览器）
今天尝试写基于jquery的滚动条,遇到了滚轮事件的兼容性问题,在firefox下和在IE下以及其它浏览器下,监听的事件有区别,查了下相关资料总结一下不同浏览器下鼠标滚轮事件兼容性的处理方式: 在 f ...
onchange onpropertychange 和oninput事件的区别
汇总onchange onpropertychange 和oninput事件的区别: 1.onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容 ...
onchange onpropertychange 和 oninput 事件的区别
汇总 onchange onpropertychange 和 oninput 事件的区别 1.onchange 事件与 onpropertychange 事件的区别: onchange 事件在内容改变 ...
input元素的oninput事件和onchange事件的使用和区别
1.input元素上绑定事件的三种方式: 第一种:直接在元素标签上添加oninput属性,属性值为处理事件函数的调用 html代码: <input type="text" i ...
input 中事件 onchange onpropertychange 和oninput事件的差别
汇总onchange onpropertychange 和oninput事件的差别: 1.onchange事件与onpropertychange事件的差别: onchange事件在内容改变(两次内容有 ...
php中input的onclick,onkeydown、onkeyup、onclick、onchange、oninput、onpropertychange 的用法和区别...
onkeydown.onkeyup.onclick onkeydown 是按键按下时触发: onkeyup 是按键弹起时触发: onclick 是按键按下并弹起时触发. 有一种情况,就是按住按键不放, ...
【JavaScript】——input元素的oninput事件和onchange事件
1.oninput事件是在输入框中输入时就会触发,该事件在<input>或<textarea>元素的值发送改变时触发. 2.onchange事件是在输入框输入完内容后,输入框失 ...
oninput事件onpropertychange事件onchange事件textIput事件
oninput事件&onpropertychange事件&onchange事件&textIput事件 oninput事件简介 input,select,textarea元素值 ...
input元素的oninput事件和onchange事件
input元素的oninput事件和onchange事件框架用多了,感觉原生的有点弱化了,不说了,是时候巩固一波了 ^ _ ^ 1.input元素上绑定事件的三种方式: 第一种:直接在元素标签上添加 ...
同时绑定onpropertychange 和 oninput 事件，实时检测 input、textarea输入改变事件，支持低版本IE，支持复制粘贴...
实时检测 input.textarea输入改变事件,支持低版本IE,支持复制粘贴检测input.textarea输入改变事件有以下几种: 1.onkeyup/onkeydown 捕获用户键盘输入事件 ...

input的onchange，onpropertychange，oninput事件区别及兼容各个浏览器使用方法

input的onchange，onpropertychange，oninput事件区别及兼容各个浏览器使用方法相关推荐

最新文章

热门文章

input的onchange，onpropertychange，oninput事件 区别 及兼容各个浏览器使用方法

input的onchange，onpropertychange，oninput事件 区别 及兼容各个浏览器使用方法相关推荐

最新文章

热门文章

input的onchange，onpropertychange，oninput事件区别及兼容各个浏览器使用方法

input的onchange，onpropertychange，oninput事件区别及兼容各个浏览器使用方法相关推荐