onchange 、oninput 区别&remove、empty

首先,onchange主要用于<input> <textarea><select>;

其次,onchange只有光标脱离原输入框中(即失去焦点)才默认为事件发生;

再次,所有主流浏览器都兼容此事件;

最后,onchange 事件也可用于单选框与复选框改变后触发的事件。



与本事件类似的 oninput

首先,该事件在 <input> 或 <textarea> 元素的值发生改变时触发。

其次,只要元素值发生改变就触发事件;

再次,属于H5,兼容IE9及以上;

最后,注意和onchange的使用范围和触发机制的区别。



remove()方法

remove() - 删除被选元素(及其子元素)。即移除自身及所有子元素;

empty() - 从被选元素中删除子元素,empty() 方法从被选元素所有子节点和内容。该方法不会移除元素本身,或它的属性。



 

提示:如需移除元素及它的数据和事件,请使用 remove() 方法。

时间: 2024-08-05 15:22:58

onchange 、oninput 区别&remove、empty的相关文章

PHP remove,empty和detach区别

empty: 把所有段落的子元素(包括文本节点)删除 HTML 代码: <p>Hello, <span>Person</span> <a href="#">and person</a></p> jQuery 代码: $("p").empty(); 结果: <p></p> remove: 从DOM中删除所有匹配的元素. 这个方法不会把匹配的元素从jQuery对象中删除,因而

php array remove empty values

print_r(array_filter($linksArray)); 參考 Remove empty array elements Remove Empty Array Elements In PHP 原文地址:https://www.cnblogs.com/fsong/p/11336912.html

oninput &amp; onchange &amp; onpropertychange 区别

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

onchange, oninput和onpropertychange

onchange:触发事件必须满足两个条件: 1.绑定对象的值改变,并且是由键盘或鼠标事件激发的(脚本触发无效) 2.绑定对象失去焦点: oninput:此方法绑定于对象时,只有对象的value值发生改变时才会触发事件,可以在非IE浏览器中使用,在IE中失效. document.getElementById('#username').addEventListener('input', function () { // do something }, false); onpropertychang

oninput,onpropertychange,onchange的用法和区别

1.前言 由于工作需要,需实现一个类似于微博输入框的功能,在用户动态输入文字的时候,修改提示"您还可以输入XX字".如下图所示: 因此,稍微研究了一下oninput,onpropertychange,onchange的区别和用法,以及onpropertychange在ie浏览器下的一个bug. 2.oninput,onpropertychange,onchange的用法 l          onchange触发事件必须满足两个条件: a)当前对象属性改变,并且是由键盘或鼠标事件激发的

oninput,onpropertychange,onchange的用法和区别【转载】

1.前言 由于工作需要,需实现一个类似于微博输入框的功能,在用户动态输入文字的时候,修改提示“您还可以输入XX字”.如下图所示: 因此,稍微研究了一下oninput,onpropertychange,onchange的区别和用法,以及onpropertychange在ie浏览器下的一个bug. 2.oninput,onpropertychange,onchange的用法 l          onchange触发事件必须满足两个条件: a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发

Jquery empty() remove() detach() 方法的区别

方法简介: empty() This method removes not only child (and other descendant) elements, but also any text within the set of matched elements. This is because, according to the DOM specification, any string of text within an element is considered a child no

PHP isset()与empty()的使用区别详解

PHP的isset()函数 一般用来检测变量是否设置 格式:bool isset ( mixed var [, mixed var [, ...]] ) 功能:检测变量是否设置 返回值: 若变量不存在则返回 FALSE 若变量存在且其值为NULL,也返回 FALSE 若变量存在且值不为NULL,则返回 TURE 同时检查多个变量时,每个单项都符合上一条要求时才返回 TRUE,否则结果为 FALSE 版本:PHP 3, PHP 4, PHP 5 更多说明: 使用 unset() 释放变量之后,它将

php学习之道:php empty()和isset()的区别

在使用 php 编写页面程序时,我经常使用变量处理函数判断 php 页面尾部参数的某个变量值是否为空,开始的时候我习惯了使用 empty() 函数,却发现了一些问题,因此改用 isset() 函数,问题不再. 顾名思义,empty() 判断一个变量是否为"空",isset() 判断一个变量是否已经设置.正是这种所谓的"顾名思义",令我开始时走了些弯路:当一个变量值等于0时,empty()也会成立(True),因而会发生一些意外.原来,empty() 和 isset(