ie和chrome浏览器下onproperty事件的相应和相应属性的获取

2024-06-13 05:38

本文主要是介绍ie和chrome浏览器下onproperty事件的相应和相应属性的获取,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

obj.bind("propertychange", function (args) {

        //代码
});

对于文本框的输入监听,上述方法是不二选择。但是用IE的话会发现版本在9.0或以上就不支持了。原因是9.0以上版本支持的事件为oninput 事件,所以:上述方法修改为:

obj.bind("input propertychange", function (args) {

        //代码
});

这么修改解决了绝大多数情况下的监听需求,但问题也有,如果是修改了文本框的其他属性,如:CSS,就会发现监听被重复激发。通过监控args发现,args.originalEvent.propertyName保存了是什么属性改变进行的激发。于是代码可以修改为如下:

obj.bind("input propertychange", function (args) {
            if (args.originalEvent.propertyName.toLowerCase() == "value") ) {

                      //代码

            }

});

上述代码IE比较完美地解决了监听问题,但发现CHROME下却无法执行。如果我们的程序是要在手机端运行的,就必须将上述代码改为如下:

obj.bind("input propertychange", function (args) {
            if ((args.type.toLowerCase() == "propertychange" && args.originalEvent.propertyName.toLowerCase() == "value") || args.type == "input") {

                    //代码

            }

});

原因是:chrome没有args.originalEvent.propertyName属性,因为args.type == "input";而对于IE而言,args.type == "propertychange"。

通过最后的一段代码可以兼容IE 和 chrome两种不同浏览器。



这篇关于ie和chrome浏览器下onproperty事件的相应和相应属性的获取的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1056424

相关文章

自制的浏览器主页,可以是最简单的桌面应用,可以把它当成备忘录桌面应用

自制的浏览器主页,可以是最简单的桌面应用,可以把它当成备忘录桌面应用。如果你看不懂,请留言。 完整代码: <!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><ti

vue+elementui分页输入框回车与页面中@keyup.enter事件冲突解决

解决这个问题的思路只要判断事件源是哪个就好。el分页的回车触发事件是在按下时,抬起并不会再触发。而keyup.enter事件是在抬起时触发。 so,找不到分页的回车事件那就拿keyup.enter事件搞事情。只要判断这个抬起事件的$event中的锚点样式判断不等于分页特有的样式就可以了 @keyup.enter="allKeyup($event)" //页面上的//js中allKeyup(e

【青龙面板辅助】JD商品自动给好评获取京豆脚本

1.打开链接 开下面的链接进入待评价商品页面 https://club.jd.com/myJdcomments/myJdcomments.action?sort=0 2.登陆后执行脚本 登陆后,按F12键,选择console,复制粘贴以下代码,先运行脚本1,再运行脚本2 脚本1代码 可以自行修改评价内容。 var content = '材质很好,质量也不错,到货也很快物流满分,包装快递满

CALayer相关的属性

iOS开发UI篇—CAlayer层的属性 一、position和anchorPoint 1.简单介绍 CALayer有2个非常重要的属性:position和anchorPoint @property CGPoint position; 用来设置CALayer在父层中的位置 以父层的左上角为原点(0, 0)   @property CGPoint anchorPoint; 称为“定位点”、“锚点”

通知中心设置一个键盘的捕捉事件

//通知中心监听键盘的frame发生改变

XMG 触摸事件的处理过程

1.自己本身并不处理,顺着响应者链条向上传递,将事件交给响应者进行处理 2.touches默认做法:把事件传递到上一个响应者 3. super是父类不是父控件

Spring 内部类获取不到@Value配置值问题排查(附Spring代理方式)

目录 一、实例问题 1、现象 2、原因 3、解决 二、Spring的代理模式 1、静态代理(Static Proxy) 1)原理 2)优缺点 3)代码实现 2、JDK动态代理(JDK Dynamic Proxy) 1)原理 2)优缺点 3)代码实现 3、cglib 代理(Code Generation Library Proxy) 1)原理 2)优缺点 3)代码实

CSS背景属性:打造丰富视觉效果的背景设计

在网页设计中,背景是创建视觉吸引力和设置页面基调的重要元素。CSS提供了多种背景属性来控制元素的背景样式,包括颜色、图像、尺寸、位置和重复方式。本文将详细介绍CSS中的背景属性,包括background简写属性以及background-color、background-image、background-repeat、background-position和background-size等属性。

获取Windows系统版本号(转)

https://blog.csdn.net/sunflover454/article/details/51525179

CSS中的表格专有属性:提升表格布局与样式的灵活性

CSS为表格提供了一系列专有属性,这些属性使得开发者能够对表格的布局和样式进行精细控制。在本文中,我们将介绍几个关键的CSS表格属性:table-layout、border-spacing、border-collapse 和 empty-cells,以及它们如何影响表格的显示效果。 1. table-layout table-layout属性定义了表格的布局算法,主要有两个值: auto:浏