博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
实时监听的几种方法
阅读量:6733 次
发布时间:2019-06-25

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

hot3.png

1.keyup

当按钮被松开时,发生 keyup 事件。它发生在当前获得焦点的元素上。

当keyup+回车事件(event.keyCode==13)结合使用时,监听不到搜狗输入法中文情况下的输入

2.DOMSubtreeModified

此方法是DOM变动事件中的方法,它是在DOM结构中发生任何变化时触发,用在可编辑状态下的div标签

input标签不可以用此方法

3.js 的 oninput & onpropertychange 方法

jquery中并没有相应效果的方法,我们可以通过bind绑定input propertychange方法

<input />和<div contenteditable="true">标签都可以使用

propertychange是为了兼容IE9以下的版本

		
编辑状态的div

经过测试,可编辑状态下的div在IE10(包括IE10)以下版本的浏览器都不支持此属性,因为没有比IE10更高的浏览器,目前只测试到IE10

4.定时器setInterval()

思路:当文本框获取焦点时开启定时器,每隔一定的毫秒数去获取文本的值,看是否发生变化,根据需求,去做相应的操作,最后一定要关闭掉定时器,要不然setInterval() 方法会不停地调用函数

适用于所有的可编辑状态的标签,能监听到复制过来的文字,也能监听搜狗拼音中文状态下的回车事件,解决了keyup事件回车时监听不到的情况,灵活性好,根据项目实践经验推荐使用此方法

//获取焦点$(".div-content").focus(function(){	var self=$(this);	interval=setInterval(function(){		//TODO		console.log("获取文本的值-----"+self.text());	},200)});//失去焦点$(".div-content").blur(function(){	clearInterval(interval);});

 

 

 

转载于:https://my.oschina.net/u/3680343/blog/1604004

你可能感兴趣的文章
获取windows磁盘的可用空间函数
查看>>
完全二叉树节点个数
查看>>
猜字符小游戏编写步骤(基础练习)
查看>>
Populating Next Right Pointers in Each Node
查看>>
apollo命令
查看>>
GWAS研究可利用的数据库(持续更新)
查看>>
回顾2017,展望2018
查看>>
Shortest Word Distance I,II, III
查看>>
ecshop的特点,持续加新
查看>>
操作系统课程设计 Linux虚拟机安装及Linux常用命令使用
查看>>
全排列
查看>>
今又七夕,可我依然不敢对你说爱
查看>>
Java线程--interrupt join yield setDaemon常用方法的使用
查看>>
C++有关拷贝构造函数(默认/浅/深拷贝构造函数)
查看>>
iOS UITableView滚动头图 拉伸放大效果 (头部弹性效果) 增加iOS11支持 附有demo
查看>>
<转> [读书笔记]《移山之道》的若干读后感
查看>>
CSA主席:安全是云计算更进一步的困扰
查看>>
第十二章
查看>>
cglib BeanCopier的使用
查看>>
238. Product of Array Except Self
查看>>