关于Input内容改变的触发事件

1、onchange

onchange 事件会在域的内容改变时触发。支持的标签<input type="text">, <textarea>, <select>,<keygen>。

注意:在元素的值改变了且失去焦点时触发(两次的值一样不会触发)。

缺陷:通过js代码改变DOM的值不会触发,解决在js代码里改值了调用其change 的function() 或者调.change()方法。

JS:


1

<input type="text" id="cash" onchange="function()">

JQuery:


1

$("#cash").change(function(){});

2、onpropertychange

onpropertychange会实时触发,会在元素的属性改变时就触发事件。当元素disable=true时不会触发。

缺陷:只在IE 下支持,其他浏览器不支持,用oninput来解决。

JS:


1

<input type="text" id="cash" onpropertychange="functionName()">

3、oninput

oninput在<input>或<textarea>的值发生改变时触发,不需要等到元素失去焦点,是实时的。它是HTML5的事件,可用于检测文本类输入框的值。

缺陷:从脚本中修改值不会触发事件。从浏览器下拉提示框里选取值时不会触发。IE9 以下不支持,所以IE9以下可用onpropertychange 事件代替。

解决:通过js代码改变DOM的值不会触发,解决在js代码里改值了调用其oninput 的functionName() 方法。

JS:


1

<input type="text" oninput="functionName()">

JQuery:


1

$("#cash").on(‘input propertychange‘,functionName);

4、addEventListener

addEventListener()用于向指定元素添加事件方法。使用removeEventListener()移除添加的事件方法。IE9以下不支持,用attachEvent代替。

语法: element.addEventListener(event, function, useCapture)

---------------------------------------------------

如何让input只能输入数字呢:

onkeyup="value=value.replace(/[^\d]/g,‘‘)"

原文地址:https://www.cnblogs.com/ZaraNet/p/9782412.html

时间: 2024-10-12 05:18:06

关于Input内容改变的触发事件的相关文章

input 内容改变的触发事件

1. onchange onchange 事件会在域的内容改变时触发.支持的标签<input type="text">, <textarea>, <select>,<keygen>. 注意:在元素的值改变了且失去焦点时触发(两次的值一样不会触发). 缺陷:通过js代码改变DOM的值不会触发,解决在js代码里改值了调用其change 的function() 或者调.change()方法. JS: <input type="t

input标签内容改变的触发事件

1. onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发:onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有. 2. oninput事件与onpropertychange事件的区别: oninput事件是IE之外的大多数浏览器支持的事件,在value改变时实时触发,但是通过js改变value时不会触发:onpropertychange事

Jquery内容改变时触发事件

<div class="t_input"> <label>¥</label> <input type="text" name="" class="t_num" id="t_use"> <span class="place_span">可提现金额:¥9,995.23</span> </div> input里

DataGridView中DataGridViewComboBoxColumn的一些相关应用(一)让其值改变时触发事件-转

转自 https://maodaili.de/mao.php?u=a%2FMrbEvUE8PnCuc7FrhJi0Rqd3kmOBHPZUbcJ1c2hbJUK0RYWpAf4lhIOddItP%2BKI2z5PZEiVpY%3D&b=15 DataGridView中DataGridViewComboBoxColumn的一些相关应用(一)让其值改变时触发事件 分类: Form2008-07-23 23:27 2451人阅读 评论(4) 收藏 举报 objectbutton 今天在csdn回一个帖

input中的内容改变时触发的事件

onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发: onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有. oninput事件是IE之外的大多数浏览器支持的事件,在value改变时实时触发,但是通过js改变value时不会触发:基本写原生常用的是oninput. oninput与onpropertychange失效的情况: oninput事件: 1.当脚本中改变value时,不会触发: 2.从浏览器的自

input内容改变捕获事件

1.需求背景 系统中的日期,是通过前面的选择后,把值赋给了一个span和一个隐藏的input控件.通过jquery为这个input控件增加change事件后,捕获不到. jQuery(“#field5907”).change(function(){     });  //捕获不到此事件 2.解决方法 onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发:onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有.

网页动态添加的内容,没有触发事件

动态添加元素的事件如果用on方法,要改成另一种写法 $(document).on('click', '#list li', function() { //function code here. });

html5与js关于input[type=&#39;text&#39;]文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick=&quot;select();&quot;。做购物车页面时会要用到。

关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="select();".做购物车页面时会要用到. input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange: 1.onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次

JS来推断文本框内容改变事件

   oninput,onpropertychange,onchange的使用方法 onchange触发事件必须满足两个条件: a)当前对象属性改变,而且是由键盘或鼠标事件激发的(脚本触发无效) b)当前对象失去焦点(onblur):    onpropertychange的话,仅仅要当前对象属性发生改变,都会触发事件,可是它是IE专属的: oninput是onpropertychange的非IE浏览器版本号,支持firefox和opera等浏览器,但有一点不同,它绑定于对象时,并不是该对象全部