一种页面元素的监听方法及装置制造方法及图纸

本发明专利技术公开了一种页面元素的监听方法及装置，涉及计算机技术领域，主要目的是节省CUP资源占用。所述方法包括：获取目标元素的属性信息，所述目标元素绑定有监听事件触发函数，根据定时触发函数判断所述目标元素的属性信息是否发生变化，所述定时触发函数用于当所述目标元素所对应的页面缓冲完成后调用检测函数，若所述目标元素的属性信息发生变化，则根据所述监听事件触发函数触发监听事件，对所述目标元素的属性信息进行监听。本发明专利技术主要用于页面元素的监听。

【技术实现步骤摘要】
一种页面元素的监听方法及装置
本专利技术涉及计算机
，尤其是一种页面元素监听方法及装置。
技术介绍
在web前端开发的过程中，经常会修改页面元素的长宽或者位置等属性，而其内部的子元素不知道父元素的属性已经发生变化，所以需要为父元素绑定一个事件来监听父元素的属性变化，并且及时通知子元素做出相应的变化。浏览器通过自带的resize事件来监听目标元素的属性变化，当浏览器页面发生变化时触发resize事件，进一步修改目标元素变化后的属性值。然而resize事件只能监听浏览器窗口对象的属性变化，当窗口对象内部元素的属性大小发生了改变而浏览器窗口对象的属性没有变化时，不会触发resize事件，此时便无法监听窗口内部元素的属性变化。现有技术可以通过设置定时器每隔一段时间检测目标元素的属性信息是否发生变化，若检测到目标元素的属性信息发生变化则触发resize事件，然而在上述通过定时器检测目标元素的属性信息的过程中，由于实际需求通常将定时器的间隔时间设置很短，因此定时器会不停地对目标元素进行检测，占用CPU资源，使得浏览器页面无法正常操作，导致浏览器页面动画效果不流畅。专利技术内容鉴于上述问题，本文档来自技高网...

【技术保护点】
一种页面元素的监听方法，其特征在于，包括：获取目标元素的属性信息，所述目标元素绑定有监听事件触发函数；根据定时触发函数判断所述目标元素的属性信息是否发生变化，所述定时触发函数用于当所述目标元素所对应的页面缓冲完成后调用检测函数；若所述目标元素的属性信息发生变化，则根据所述监听事件触发函数触发监听事件，对所述目标元素的属性信息进行监听。

【技术特征摘要】
1.一种页面元素的监听方法，其特征在于，包括：获取目标元素的属性信息，所述目标元素绑定有监听事件触发函数；根据定时触发函数判断所述目标元素的属性信息是否发生变化，所述定时触发函数用于当所述目标元素所对应的页面缓冲完成后调用检测函数；若所述目标元素的属性信息发生变化，则根据所述监听事件触发函数触发监听事件，对所述目标元素的属性信息进行监听。2.根据权利要求1所述的方法，其特征在于，所述获取目标元素的属性信息包括：通过在目标元素所对应的页面部署脚本，获取所述目标元素的属性信息。3.根据权利要求1所述的方法，其特征在于，所述根据定时触发函数判断所述目标元素的属性信息是否发生变化包括：当所述目标元素所对应的页面缓冲完成后根据所述定时触发函数调用检测函数；根据所述检测函数检测所述目标元素的属性信息是否发生变化。4.根据权利要求1所述的方法，其特征在于，所述方法还包括：根据所述监听事件获取到变化后的目标元素的属性信息；将所述目标元素的属性信息替换为所述变化后的目标元素的属性信息。5.根据权利要求1-4中任一项所述的方法，其特征在于，所述目标元素的属性信息为浏览器窗口对象内部元素的尺寸信息。6.一种页面元素的监听装置，...

【专利技术属性】
技术研发人员：娄文康，
申请(专利权)人：北京国双科技有限公司，
类型：发明
国别省市：北京,11