js 输入变化监控onchange onpropertychange oninput

1、onchange事件与onpropertychange事件的区别:
onchange事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发;onpropertychange事件却是实时触发,即每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件IE专有。

2、oninput事件与onpropertychange事件的区别:
oninput事件是IE之外的大多数浏览器支持的事件,在value改变时触发,实时的,即每增加或删除一个字符就会触发,然而通过js改变value时,却不会触发;onpropertychange事件是任何属性改变都会触发的,而oninput却只在value改变时触发,oninput要通过addEventListener()来注册,onpropertychange注册方式跟一般事件一样。(此处都是指在js中动态绑定事件,以实现内容与行为分离)

3、oninput与onpropertychange失效的情况:
(1)oninput事件:a). 当脚本中改变value时,不会触发;b). 从浏览器的自动下拉提示中选取时,不会触发。
(2)onpropertychange事件:当input设置为disable=true后,onpropertychange不会触发。

时间: 2024-10-15 07:25:17

js 输入变化监控onchange onpropertychange oninput的相关文章

onchange onpropertychange 和oninput事件

汇总onchange onpropertychange 和oninput事件的区别:                1.onchange事件与onpropertychange事件的区别:                             onchange事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发:onpropertychange事件却是实时触发,即每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件IE专有.                 2.oninpu

input的onchange 和oninput事件

一个小的功能,也体现了了这几天写程序过程中的遇到的一些常发事件,准备有时间研究一下jQuery和原生js,问题的出现:使用jQuery获取到的节点到底是属于什么,有些事件 居然不能用,就如我今天用到的事件 onchange 和oninput ,还有对于onclick 和click, 先总结一下这个小小的功能:输入框要输入money,那就只有两位小数,我们要确保输多位小数时,不让他提交,提交按钮变灰色,当小数点后是两位则回复按钮状态, onchange事件,监听input 输入的值是否符合要求,不

js输入验证

//1.js验证只能输入数字. function check_validate1(value){     //定义正则表达式部分     var reg = /^\d+$/;     if( value.constructor === String ){         var re = value.match( reg );         return true;     }     return false; } //2.js验证只能输入字母.数字和下划线.  function check

oninput & onchange & onpropertychange 区别

1.onchange 弊端:1.元素失去焦点时触发   2.如果得用javascript改变触发对象的属性时,并不能触发onchange事件,oninput也有这个问题. 2.oninput     该事件在 <input> 或 <textarea> 元素的值发生改变时触发. 例: <input type="text" id="myInput" oninput="myFunction()"> <p id=

即时搜索或input实时检测输入变化

propertychange(ie)和input事件 input是标准的浏览器事件,一般应用于input元素,当input的value发生变化就会发生,无论是键盘输入还是鼠标 黏贴的改变都能及时监听到变化 propertychange,只要当前对象属性发生改变.(IE专属的)但是 oninput 和 onpropertychange 这两个事件在 IE9 中都有个小BUG, 那就是通过右键菜单菜单中的 剪切 和 删除 命令删除内容的时候不会触发, 而 IE 其他版本都是正常的,目前还没有很好的解

angular js一$watch监控属性和对象

$Watch:(监听一个model,当一个model每次改变时,都会触发第二个函数) $watch('watchFn',watchAction,deepWatch) watchFn:带有Angular 表达式或者函数的字符串,它会返回被监控的数据模型的当前值. watchAction: 一个函数function(newValue,oldValue){},当watchFn 发生变化时会被调用 deepWatch:默认为false,监听数组的某个元素或者对象的属性时设置为true; 监控一个属性:

onchange 、oninput 区别&amp;remove、empty

首先,onchange主要用于<input> <textarea><select>; 其次,onchange只有光标脱离原输入框中(即失去焦点)才默认为事件发生: 再次,所有主流浏览器都兼容此事件: 最后,onchange 事件也可用于单选框与复选框改变后触发的事件. 与本事件类似的 oninput 首先,该事件在 <input> 或 <textarea> 元素的值发生改变时触发. 其次,只要元素值发生改变就触发事件: 再次,属于H5,兼容IE9

js输入文字长度判断

<html><head> <title>js判断输入字符串长度(汉字算两个字符,字母数字算一个)</title> <style type="text/css"> .pbt { margin-bottom: 10px; } .ie6 .pbt .ftid a, .ie7 .pbt .ftid a { margin-top: 1px; } .cl:after { clear: both; content: "."

js输入控制(只能输入整数小数等)

1.页面 <asp:TextBox runat="server" ID="NumZYZCZMJ" OnKeyUp="InputFloat(this)"></asp:TextBox> 2.JS //只能输入整数        function InputNumber(e) {            e.value = e.value.replace(/\D/g, "");            if (e