博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
表单中的事件
阅读量:5919 次
发布时间:2019-06-19

本文共 711 字,大约阅读时间需要 2 分钟。

hot3.png

一、input中的事件

1. onchange事件与onpropertychange事件的区别:

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

2. oninput事件与onpropertychange事件的区别:

  oninput事件是IE之外的大多数浏览器支持的事件,在value改变时实时触发,但是通过js改变value时不会触发;onpropertychange事件是任何属性改变都会触发,而oninput却只在value改变时触发,oninput要通过addEventListener()来注册,onpropertychange注册方法与一般事件相同。

3. oninput与onpropertychange失效的情况:

oninput事件:

  (1)当脚本中改变value时,不会触发;

  (2)从浏览器的自动下拉提示中选取时,不会触发;

onpropertychange事件:

  当input设置为disable=true后,不会触发。

使用  库的话,只需要同时绑定 oninput 和 onpropertychange 两个事件就可以了,示例代码如下

$('textarea').bind('input propertychange', function() {    console.log($(this).val());});

//未完待续

转载于:https://my.oschina.net/ochmdlc/blog/1544244

你可能感兴趣的文章
寒假作业2编程总结
查看>>
实用 SQL 命令
查看>>
poj1135
查看>>
PAT算法题学习笔记
查看>>
使用bower时报错
查看>>
微软职位内部推荐-SDE
查看>>
oracle更改用户名
查看>>
[SCOI2009]生日快乐
查看>>
什么是同步逻辑和异步逻辑,同步电路和异步电路的区别是什么(转)
查看>>
Laravel项目的结构文章
查看>>
CRM JS
查看>>
Thrift.1
查看>>
oracle修改约束列
查看>>
Chrome使用的plugin
查看>>
(转)测试是找bug,不是找茬
查看>>
词法分析程序
查看>>
PPPoE
查看>>
细说 Form (表单)【转】
查看>>
APP中的第三方“支付”功能该如何测试
查看>>
JavaScript函数表达式
查看>>