textarea，input的input，propertychange事件兼容

最新推荐文章于 2021-06-23 10:40:53 发布
最新推荐文章于 2021-06-23 10:40:53 发布
阅读量1.3k 收藏
点赞数
分类专栏： Web 文章标签： input联想事件兼容IE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hangGe0111/article/details/86640135
版权

1.html

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
		<title>input的input事件兼容</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	</head>

	<body>
		<input type="text" placeholder="请输入前打开控制台" id="inp"/>
		<script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">			
			$("#inp").bind("input propertychange keyup",function(){
				console.log($(this).val())
			});
		</script>
	</body>
</html>

2.效果

hangGe0111
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
oninput和onpropertychange以及其兼容处理
wonder
11-14 9690
在我们鄙视ie浏览器的同时，也发现了ie浏览器在某些方面确实是领先于W3C的，比如监听属性改变的就是一个例子。 在传统意义上，处理表单输入框值的改变，需要监听onblur事件或者onchange事件，又或者直接监听输入框的键盘事件（onkeydown、onkeypress、onkeyup）、鼠标事件（onmousedown、onmouseup）等。如果输入框的值被键盘或者鼠标剪切、粘贴、撤销
关于onpropertychange与oninput的兼容问题
u011927449的博客
08-24 275
关于onpropertychange与oninput的用法，网上一大堆，但还是有不兼容的时候，比如说，我想计下，一个input的值改变了多少次，如果写成兼容写法就为 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>onpropertychange与oninput事件</title> <script type="te
input和propertychange方法
高先生的猫
07-02 3580
在web开发中，我们有时会需要动态监听输入框值的变化，当使用onkeydown、onkeypress、onkeyup作为监听事件时，会发现一些复制粘贴等操作用不了，同时，在处理组合快键键的时候也很麻烦。这时候我们需要更专业的解决方案：HTML5标准事件oninput、onchange和IE专属的事件properchange。 1.oninput&onchange： oninput和onchange都是事件对象，当输入框的值发生改变时触发该事件。不同的是，oninput是在值改变时立即触发，而on
前端即时搜索的触发(input propertychange)
每天都记录一点点！
06-29 5652
做前端的应该都有遇到过搜索吧，准确的说是即时搜索，就是用户输入一个字就去发请求匹配 相应的结果并显示出来，这里来做个小结吧。 具体有下面几种方案吧： 1.change事件，这个事件不太友好，触发必须满足两个条件：a）当前对象的值发生改变，并且是由 键盘或鼠标事件激发的（脚本触发无效）b）当前对象要失去焦点(onblur)  2.keypress事件，这个一般，对比上面的要好，
总结 input propertychange 监听输入框
小狼驿站
02-04 9291
常常会有输入框检查的需求，最常见的就是即时搜索。 即时搜索的三个方案： (1) change事件—触发该事件必须满足两个条件： 当前对象属性改变，并且是由键盘或鼠标事件激发的（脚步触发无效） 当前对象失去焦点（onblur） (2) keypress 就是只能监听键盘事件，鼠标复制粘贴操作无能为力 (3) propertychange(ie) 和 input 事件 i
jQuery编写textarea输入字数限制代码
12-08
本文实例为大家分享了jQuery textarea输入字数限制的具体代码，供大家参考，具体内容如下 //先判断浏览器是不是万恶的IE var bind_name = 'input';//默认事件 if (navigator.userAgent.indexOf("MSIE") != -1) {...
jquery实现限制textarea输入字数的方法
10-19
函数内部使用了`$(document).on('input propertychange', str, function() {...})`来监听textarea的`input`和`propertychange`事件，这两个事件会捕获用户输入的实时变化。 当事件触发时，函数获取textarea的当前值...
js与jquery实时监听输入框值的oninput与onpropertychange方法.docx
01-21
该事件可以实时监听输入框值的变化，并且可以与 oninput 事件结合使用以兼容 IE9 以下版本。 实例分析：使用 onpropertychange 事件实时监听输入框值的变化 ```javascript if (isIE) { document.getElementById(...
js兼容的placeholder属性详解
12-11
$element.on('focus blur input keyup propertychange resetplaceholder', _resetPlaceholder); } }); } ``` 这段代码首先检测浏览器是否原生支持`placeholder`，如果不支持，则通过jQuery遍历所有带有`...
jquery keypress,keyup,onpropertychange键盘事件
12-08
`onpropertychange`是Internet Explorer特有的事件，用于检测DOM元素属性的变化，包括文本框（`<input>`或`<textarea>`）中的文本变化。然而，这个事件并不被其他浏览器（如Firefox、Chrome、Safari等）支持。因此...
js change,propertychange,input事件小议
12-12
https://github.com/mootools/mootools-core/issues/2170这个问题来自IE(LTE8)中对checkbox和radio change事件的实现问题，在IE(LTE8)中测试下来，当你点击一个checkbox或者radio，它的change事件是不会立即触发，除非你让它失去焦点，而在其他标准浏览器中(包括IE9)，是点击后立即触发change事件的，这的确是个蛋疼的问题，说到解决方法，倒也比较容易，用IE(LTE8)中元素特有的propertychange事件来处理(IE9已经没这玩意儿了)，就能避免上述问题，如： 代码如下: checkEl.a
input 输入框 propertychange和input事件
qq_20831051的博客
01-10 2746
做搜索功能的时候，最常见的是即时搜索。 即时搜索的方案： change事件 触发事件必须满足两个条件： 　1）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效） 　2）当前对象失去焦点(onblur) keypress事件 用于监听键盘事件，鼠标复制黏贴操作该事件监测不到。 propertychange（IE）和input事件 1）input是标准的浏览器事件，一般应用于i...
如何实时监听 input 和 textarea输入框值的变化
热门推荐
ruoyiqing的专栏
03-13 3万+
在实际前端开发中我们经常会遇到要实时监听用户的输入，根据不同的输入值来采取不同的措施。举一个常见的例子：我们在使用Google 搜索框进行搜索时，每多输入一个字，搜索框下方显示的匹配结果会实时变化。这样的效果就是通过实时监听搜索框的输入值变化从而提取不同的匹配结果来实现的。那么，一般使用最多的输入框就是 input 和 textarea 了。要想实时监听这两种输入框的值变化，就不得不提到键盘事件 k
change&&input&&propertychange三个事件的区别
脑瓜疼儿的博客
05-08 732
应用场景 当在一个input输入框中输入要查询的数据 要做到实时查询 首先想到input的事件 change blur keyup input propertychange change 是改变属性 包括value值,触发事件需要失焦但是value值不变化不触发 input 事件 只是改变输入框的value值, ie6-ie8 是不支持input事件的 所以ie有自带的事件 propertycha...
input propertyChange
weixin_34342905的博客
11-18 197
結合HTML5標準事件 oninput 和 IE 專屬事件 onpropertychange 事件來監聽輸入框值變化。 　　oninput 是HTML5的標準事件，對於檢測textarea, input:text, input:password 和 input:search 這幾個元素通過用戶界面發生的內容變化非常有用，在內容修改後立即被觸發，不像 onchange 事件需要失去...
textarea文本框实现字数监控--propertychange input
Jasyca503的专栏
11-17 3500
文本框监控字段的方法-----propertychange
input输入框和textarea文本框的value改变事件
YinghaoGuo的博客
06-03 1万+
如果写过检测input或者textarea输入框文本检测的人一定知道onchange或者jq的change方法检测文本变化是检测不到的，因为该事件是在文本框获得焦点，并且改变其中的内容之后再失去焦点才能触发的，也就是说输入框单纯获得焦点，或者单纯失去焦点，或者获得焦点的时候和失去焦点的时候内容一样，onchange方法是都不会触发的，这就涉及了输入框属性改变的问题。 如果在输入框中输入内容，在其
定时器解决IE9中propertychange和input事件在拖拽、剪切、删除时无法触发
liangpx.blog
07-17 1155
在做项目中，遇到了一个在IE9下的input框在拖拽、剪切、删除时无法触发change时，搜索了好久，发现是IE9的一个BUG。 所以写了一个定时器来动态的监听input的框中值的变化，当获取焦点时启动定时器，当离开焦点时关闭定时器。
textarea 改变触发
lf1934305268的博客
06-23 1278
textarea 文本框改变触发 $('#textarea').bind('input propertychange', function(){ saveBtn(false); });
textarea input事件拼音输入时阻断
最新发布
05-25
要阻止拼音输入时的输入事件，可以使用 `compositionstart` 和 `compositionend` 事件来监听拼音输入状态。当用户开始输入拼音时，会触发 `compositionstart` 事件，这时可以将输入框的 `readonly` 属性设置为 `true`，禁止用户在此期间输入。当用户输入完成后，会触发 `compositionend` 事件，此时可以将输入框的 `readonly` 属性设置为 `false`，允许用户继续输入。 以下是一个简单的示例代码： ```html <textarea id="myTextarea"></textarea> ``` ```javascript var textarea = document.getElementById('myTextarea'); var isComposing = false; textarea.addEventListener('compositionstart', function () { isComposing = true; textarea.readonly = true; }); textarea.addEventListener('compositionend', function () { isComposing = false; textarea.readonly = false; }); textarea.addEventListener('input', function () { if (!isComposing) { // 处理用户输入 } }); ``` 在实际使用中，还需要考虑一些其他因素，比如浏览器兼容性、输入法的不同行为等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值