html5触发文本框change事件,html5与js关于input[type=’text’]文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchang…

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

input[type=’text’]文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange：

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不会触发。

代表用法：

var oInput_text = document.getElementsByTagName(‘input’);

oInput_text.oninput = function(){

alert(‘你要动我？？’);

}；

文本框的点击全选状态οnclick=”select();”

用法1：直接html标签里添加：

用法2：js添加点击属性：

var oInput_text = document.getElementsByTagName(‘input’);

oInput_text.onclick = function(){

oInput_text.select();

};

随机推荐

poj3122-Pie(二分法+贪心思想)

一,题意: 有f+1个人(包括自己),n块披萨pie,给你每块pie的半径,要你公平的把尽可能多的pie分给每一个人 而且每个人得到的pie来自一个pie,不能拼凑,多余的边角丢掉.二,思路: 1,输 …

GIT本地配置和PUSH

因为GIT使用的是LINUX命令,所以可以参考LINUX的相关命令 一.在本地配置好GIT仓库: 1.首先进入当前工程的目录:cd [filepath] (记住这里的目录应该用/,因为LINUX是这样 …

MongoDB C Driver使用教程

MongoDB C Driver使用教程 转载请注明出处http://www.cnblogs.com/oloroso/ 本指南提供简介 MongoDB C 驱动程序. 在 C API 的详细信息,请参 …

关于js touch事件 的引用设置

一开始做前端页面的时候,接触的也是js,但是随后便被简单高效的jquery吸引过去,并一直使用至今. 而js,则被我主观的认为底层技术而抛弃. 直到这几天工作需要,研究移动端页面的触屏滑动事件,搜索j …

Windows 7上打开IE浏览器报错：无法启动此程序，因为计算机中丢失api-ms-win-core-path-|1-1-0.dll。尝试重新安装该程序以解决此问题。

Windows 7上打开IE浏览器报错: 1. 重新安装IE11也没有解决该问题 2. 在其他Win7电脑也搜索不到该文件,但是能使用IE浏览器. 3. 从网上找了一个dll文件,注册时提示如下图

AMQ学习笔记 – 01. 相关背景

概述 介绍中间件.MOM.JMS.ActiveMQ,及相互的关系. 中间件 由于业务的不同.技术的发展.硬件和软件的选择有所差别,导致了异构组件或应用并存的局面.要使这些异构的组件协同工作,一个有效的 …

3月3日 Mark

感觉LeetCode OJ 水题较多… 不过回复基础就是这样吧.. 刚刚和Gaewah聊了下,后续可以考虑去做Topcoder的SRM或者codeforces,Mark.

MySQL 性能方案

翻译自 dev.mysql.com/doc/refman/5.6/en/performance-schema.html 一.3个基本库 数据库初始化安装完毕会有三个基本库mysql .informat …

C# DataGridView中单元格Cell改变事件

DataGridView控件中的各种事件都无法直接响应Cell中内容的变化,包括KeyPress等事件,可以采用下面方法 private void dataGridViewBarcode_Editin …

cocos2d-x3.0 Slider

.h #include “cocos2d.h” #include “cocos-ext.h” #include “ui/CocosGUI.h&quot …