• 四川郎酒股份有限公司获第十二届人民企业社会责任奖年度环保奖 2019-05-13
  • 银保监会新规剑指大企业多头融资和过度融资 2019-05-12
  • 韩国再提4国联合申办世界杯 中国网友无视:我们自己来 2019-05-11
  • 中国人为什么一定要买房? 2019-05-11
  • 十九大精神进校园:风正扬帆当有为 勇做时代弄潮儿 2019-05-10
  • 粽叶飘香幸福邻里——廊坊市举办“我们的节日·端午”主题活动 2019-05-09
  • 太原设禁鸣路段 设备在测试中 2019-05-09
  • 拜耳医药保健有限公司获第十二届人民企业社会责任奖年度企业奖 2019-05-08
  • “港独”没出路!“梁天琦们”该醒醒了 2019-05-07
  • 陈卫平:中国文化内涵包含三方面 文化复兴表现在其中 2019-05-06
  • 人民日报客户端辟谣:“合成军装照”产品请放心使用 2019-05-05
  • 【十九大·理论新视野】为什么要“建设现代化经济体系”?   2019-05-04
  • 聚焦2017年乌鲁木齐市老城区改造提升工程 2019-05-04
  • 【专家谈】上合组织——构建区域命运共同体的有力实践者 2019-05-03
  • 【华商侃车NO.192】 亲!楼市火爆,别忘了买车位啊! 2019-05-03
    • / 9
    • 下载费用:30 金币  

    重庆时时彩走势图格表: 处理网页鼠标点击事件的方法.pdf

    摘要
    申请专利号:

    重庆时时彩单双窍门 www.4mum.com.cn CN201210086104.X

    申请日:

    2012.03.28

    公开号:

    CN103365859A

    公开日:

    2013.10.23

    当前法律状态:

    授权

    有效性:

    有权

    法律详情: 授权|||实质审查的生效IPC(主分类):G06F 17/30申请日:20120328|||公开
    IPC分类号: G06F17/30; G06F9/44 主分类号: G06F17/30
    申请人: 上海商派网络科技有限公司
    发明人: 李帖
    地址: 200030 上海市徐汇区虹桥路333号405室
    优先权:
    专利代理机构: 上海申新律师事务所 31272 代理人: 竺路玲
    PDF完整版下载: PDF下载
    法律状态
    申请(专利)号:

    CN201210086104.X

    授权公告号:

    ||||||

    法律状态公告日:

    2017.03.08|||2013.11.20|||2013.10.23

    法律状态类型:

    授权|||实质审查的生效|||公开

    摘要

    本发明公开了一种处理网页鼠标点击事件的方法,其中,包括服务端和客户端,客户端通过通讯媒介与服务端连接,具体包括如下步骤;步骤a、服务端向客户端传送数据信号;步骤b、客户端将步骤a中收到的信号组合成带有树形结构的DOM节点的超文本文件,超文本文件包括与树形结构的根节点相连接的根节点事件监听??楹陀敫诘闶录嗵?橄嗔拥母诘闶录砟??,根节点事件处理??橛糜诖聿糠钟没Р僮鞫杂Φ氖录?;步骤c、客户端以基于超文本协议并以冒泡机制处理DOM事件流的浏览器解释并显示超文本文件并接受用户操作。

    权利要求书

    权利要求书
    1.  处理网页鼠标点击事件的方法,其特征在于,包括服务端和客户端,所述客户端通过通讯媒介与所述服务端连接,具体包括如下步骤;
    步骤a、所述服务端向所述客户端传送数据信号;
    步骤b、所述客户端将步骤a中收到的信号组合成带有树形结构的DOM节点的超文本文件,所述超文本文件包括与所述树形结构的根节点相连接的根节点事件监听??楹陀胨龈诘闶录嗵?橄嗔拥母诘闶录砟??,所述根节点事件处理??橛糜诖聿糠钟没Р僮鞫杂Φ氖录?;
    步骤c、所述客户端以基于超文本协议并以冒泡机制处理DOM事件流的浏览器解释并显示所述超文本文件并接受用户操作;
    步骤d、所述根节点事件监听??榕卸纤鲇没Р僮鞫杂Φ氖录勘杲诘闶欠裨谒龈诘闶录砟?榈拇矸段?,并将在所述根节点事件处理??榇矸段诘氖录⑺椭了龈诘闶录砟?榻写聿⑼顺?;
    步骤e、如所述用户操作对应的事件目标节点不在所述根节点事件处理??榈拇矸段谠蛘业剿瞿勘杲诘?,并检查所述目标节点是否存在对应的节点事件处理???,如存在则将所述用户操作对应的事件发送至所述目标节点对应的节点事件处理??榻写聿⑼顺?。

    2.  如权利要求1所述处理网页鼠标点击事件的方法,其特征在于,于所述步骤e执行完毕后如所述目标节点不存在对应的节点事件处理???,则于所述树形结构上查找所述目标节点的父节点,并检查所述目标节的父节点是否存在对应的节点事件处理???,如存在且所述用户操作对应的事件在所述目标节点的父节点对应的节点事件处理??榈拇矸段谠蚪鲇没Р僮鞫杂Φ氖录⑺椭了瞿勘杲诘愕母附诘愣杂Φ慕诘闶录砟?榻写聿⑼顺?。

    3.  如权利要求2所述处理网页鼠标点击事件的方法,其特征在于,如所述目标节点的父节点不存在对应的节点事件处理??榛蛘咚鲇没Р僮鞫杂Φ氖录辉谒瞿勘杲诘愕母附诘闼杂Φ慕诘闶录砟?榈拇矸段?,则于所述树形结构上查找所述目标节点的父节点的父节点,并检查所述目标节的父节点的父节点是否存在对应的节点事件处理???,如存在且所述用户操作对应的事件在所述目标节点的父节点的父节点对应的节点事件处理??榈拇矸段谠蚪鲇没Р僮鞫杂Φ氖录⑺椭了瞿勘杲诘愕母附岬愕母附岬愣杂Φ慕诘闶录砟?榻写聿⑼顺?。

    4.  如权利要求1-3中任一所述处理网页鼠标点击事件的方法,其特征在于,所述超文本文件中的部分DOM节点包括与该DOM相连接的节点事件处理???,所述包含节点事件处理??榈腄OM节点对应的节点事件处理??橛糜诖硪远杂Φ腄OM节点为目标节点和/或以对应的DOM节点的子节点为目标节点和/或以对应的DOM节点的子节点的子节点为目标节点的事件。

    5.  如权利要求1-3中任一所述处理网页鼠标点击事件的方法,其特征在于,所述超文本文件中的部分DOM节点包括与该DOM节点以及该节点的父节点相连接的节点事件监听??楹陀胨鼋岬闶录嗵?橄嗔硬⒂敫肈OM节点对应的节点事件处理???;
    所述节点事件监听??橛糜诩嗵远杂Φ腄OM节点为目标节点的事件并判断所述事件是否在与该目标节点对应的节点事件处理??榈拇矸段?,将处于目标节点对应的节点事件处理??榇矸段诘氖录椭了瞿勘杲诘愣杂Φ慕诘闶录砟?榇聿⒅罩故录绦芭?。

    6.  如权利要求1-3中任一所述处理网页鼠标点击事件的方法,其特征在于,所述浏览器为IE。

    7.  如权利要求1-3中任一所述处理网页鼠标点击事件的方法,其特征在于,所述根节点事件监听??橐约案诘闶录砟?橹饕汕度胨龀谋疚募慕疟拘纬?。

    8.  如权利要求4所述处理网页鼠标点击事件的方法,其特征在于,所述节点事件处理??橹饕汕度胨龀谋疚募慕疟拘纬?。

    9.  如权利要求5所述处理网页鼠标点击事件的方法,其特征在于,所述节点事件监听??橐约敖诘闶录砟?橹饕汕度胨龀谋疚募慕疟拘纬?。

    说明书

    说明书处理网页鼠标点击事件的方法
    技术领域
    本发明涉及一种WEB客户端互动方法,尤其是一种处理网页鼠标点击事件的方法。
    背景技术
    随着互联网络技术的不断发展,网络的普及程度越来越高,而网站作为互联网的主要内容供应者也得到了长足的发展。网站不再满足于仅仅提供统一制式的内容而是希望能更多的与用户互动进而可以实现按用户的需求提供内容服务。
    通常,现有的网站一般通过捕获并处理用户对页面的操作事件实现与用户的互动,较为流行的做法是采用HTML超文本中对DOM节点的事件绑定,HTML DOM 定义了访问和操作HTML文档的标准方法, HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构,在这种DOM树结构中,当需要频繁处理页面中大量DOM 节点的自定义事件处理时,常用的做法是通过脚本筛选出需要绑定事件的DOM节点,并通过循环的方式为每个节点绑定事件处理功能???,当被绑定的DOM节点元素被浏览器重新渲染加载时,需要再次为其做绑定操作;另一种方法是,通过定义每个DOM节点的属性,为节点指定事件处理功能???,此种做法虽然能够改善循环引起的性能损耗和重新渲染引起的重新绑定,但增加了页面元素与处理逻辑的耦合性,为程序的扩展和需求变更带来麻烦。
    发明内容
    针对现有的DOM事件处理方式存在的上述问题,本发明提供一种利用DOM事件冒泡机制处理网页鼠标点击事件的方法。
    本发明解决技术问题所采用的技术方案为:
    处理网页鼠标点击事件的方法,其中,包括服务端和客户端,所述客户端通过通讯媒介与所述服务端连接,具体包括如下步骤;
    步骤a、所述服务端向所述客户端传送数据信号;
    步骤b、所述客户端将步骤a中收到的信号组合成带有树形结构的DOM节点的超文本文件,所述超文本文件包括与所述树形结构的根节点相连接的根节点事件监听??楹陀胨龈诘闶录嗵?橄嗔拥母诘闶录砟??,所述根节点事件处理??橛糜诖聿糠钟没Р僮鞫杂Φ氖录?;
    步骤c、所述客户端以基于超文本协议并以冒泡机制处理DOM事件流的浏览器解释并显示所述超文本文件并接受用户操作;
    步骤d、所述根节点事件监听??榕卸纤鲇没Р僮鞫杂Φ氖录勘杲诘闶欠裨谒龈诘闶录砟?榈拇矸段?,并将在所述根节点事件处理??榇矸段诘氖录⑺椭了龈诘闶录砟?榻写聿⑼顺?;
    步骤e、如所述用户操作对应的事件目标节点不在所述根节点事件处理??榈拇矸段谠蛘业剿瞿勘杲诘?,并检查所述目标节点是否存在对应的节点事件处理???,如存在则将所述用户操作对应的事件发送至所述目标节点对应的节点事件处理??榻写聿⑼顺?。
    上述处理网页鼠标点击事件的方法,其中,于所述步骤e执行完毕后如所述目标节点不存在对应的节点事件处理???,则于所述树形结构上查找所述目标节点的父节点,并检查所述目标节的父节点是否存在对应的节点事件处理???,如存在且所述用户操作对应的事件在所述目标节点的父节点对应的节点事件处理??榈拇矸段谠蚪鲇没Р僮鞫杂Φ氖录⑺椭了瞿勘杲诘愕母附诘愣杂Φ慕诘闶录砟?榻写聿⑼顺?。
    上述处理网页鼠标点击事件的方法,其中,如所述目标节点的父节点不存在对应的节点事件处理??榛蛘咚鲇没Р僮鞫杂Φ氖录辉谒瞿勘杲诘愕母附诘闼杂Φ慕诘闶录砟?榈拇矸段?,则于所述树形结构上查找所述目标节点的父节点的父节点,并检查所述目标节的父节点的父节点是否存在对应的节点事件处理???,如存在且所述用户操作对应的事件在所述目标节点的父节点的父节点对应的节点事件处理??榈拇矸段谠蚪鲇没Р僮鞫杂Φ氖录⑺椭了瞿勘杲诘愕母附岬愕母附岬愣杂Φ慕诘闶录砟?榻写聿⑼顺?。
    上述处理网页鼠标点击事件的方法,其中,所述超文本文件中的部分DOM节点包括与该DOM相连接的节点事件处理???,所述包含节点事件处理??榈腄OM节点对应的节点事件处理??橛糜诖硪远杂Φ腄OM节点为目标节点和/或以对应的DOM节点的子节点为目标节点和/或以对应的DOM节点的子节点的子节点为目标节点的事件。
    上述处理网页鼠标点击事件的方法,其中,所述超文本文件中的部分DOM节点包括与该DOM节点以及该节点的父节点相连接的节点事件监听??楹陀胨鼋岬闶录嗵?橄嗔硬⒂敫肈OM节点对应的节点事件处理???;
    所述节点事件监听??橛糜诩嗵远杂Φ腄OM节点为目标节点的事件并判断所述事件是否在与该目标节点对应的节点事件处理??榈拇矸段?,将处于目标节点对应的节点事件处理??榇矸段诘氖录椭了瞿勘杲诘愣杂Φ慕诘闶录砟?榇聿⒅罩故录绦芭?。
    上述处理网页鼠标点击事件的方法,其中,所述浏览器为IE。
    上述处理网页鼠标点击事件的方法,其中,所述根节点事件监听??橐约案诘闶录砟?橹饕汕度胨龀谋疚募慕疟拘纬?。
    上述处理网页鼠标点击事件的方法,其中,所述节点事件处理??橹饕汕度胨龀谋疚募慕疟拘纬?。
    上述处理网页鼠标点击事件的方法,其中,所述节点事件监听??橐约敖诘闶录砟?橹饕汕度胨龀谋疚募慕疟拘纬?。
    本发明的有益效果是:
    在根节点统一拦截DOM事件,一次统一拦截事件发起目标元素,提高了时间处理的效率,时间处理??橥骋徊渴鹩诟诘?,重新渲染根节点内元素无需重新绑定事件,降低了页面元素与事件处理逻辑的耦合性,为扩展和需求变更带来便利。
    附图说明
    图1是本发明一种处理网页鼠标点击事件的方法的流程框图;
    图2是本发明一种处理网页鼠标点击事件的方法的??榻峁雇?。
    具体实施方式
    下面结合附图和具体实施例对本发明作进一步说明,但不作为本发明的限定。
    如图2所示,本发明处理网页鼠标点击事件的方法,其中,包括服务端和客户端,客户端通过通讯媒介与服务端连接,如图1所示具体包括如下步骤;
    步骤a、服务端向客户端传送数据信号;
    步骤b、客户端将步骤a中收到的信号组合成带有树形结构的DOM节点的超文本文件,超文本文件包括与树形结构的根节点相连接的根节点事件监听??楹陀敫诘闶录嗵?橄嗔拥母诘闶录砟??,根节点事件处理??橛糜诖聿糠钟没Р僮鞫杂Φ氖录?;
    步骤c、客户端以基于超文本协议并以冒泡机制处理DOM事件流的浏览器解释并显示超文本文件并接受用户操作;
    步骤d、根节点事件监听??榕卸嫌没Р僮鞫杂Φ氖录勘杲诘闶欠裨诟诘闶录砟?榈拇矸段?,并将在根节点事件处理??榇矸段诘氖录⑺椭粮诘闶录砟?榻写聿⑼顺?;
    步骤e、如用户操作对应的事件目标节点不在根节点事件处理??榈拇矸段谠蛘业侥勘杲诘?,并检查目标节点是否存在对应的节点事件处理???,如存在则将用户操作对应的事件发送至目标节点对应的节点事件处理??榻写聿⑼顺?。
    进一步的,其中,于步骤e执行完毕后如目标节点不存在对应的节点事件处理???,则于树形结构上查找目标节点的父节点,并检查目标节的父节点是否存在对应的节点事件处理???,如存在且用户操作对应的事件在目标节点的父节点对应的节点事件处理??榈拇矸段谠蚪没Р僮鞫杂Φ氖录⑺椭聊勘杲诘愕母附诘愣杂Φ慕诘闶录砟?榻写聿⑼顺?。如目标节点的父节点不存在对应的节点事件处理??榛蛘哂没Р僮鞫杂Φ氖录辉谀勘杲诘愕母附诘闼杂Φ慕诘闶录砟?榈拇矸段?,则于树形结构上查找目标节点的父节点的父节点,并检查目标节的父节点的父节点是否存在对应的节点事件处理???,如存在且用户操作对应的事件在目标节点的父节点的父节点对应的节点事件处理??榈拇矸段谠蚪没Р僮鞫杂Φ氖录⑺椭聊勘杲诘愕母附岬愕母附岬愣杂Φ慕诘闶录砟?榻写聿⑼顺?。
    进一步的,其中,超文本文件中的部分DOM节点包括与该DOM相连接的节点事件处理???,包含节点事件处理??榈腄OM节点对应的节点事件处理??橛糜诖硪远杂Φ腄OM节点为目标节点和/或以对应的DOM节点的子节点为目标节点和/或以对应的DOM节点的子节点的子节点为目标节点的事件?;蛘叱谋疚募械牟糠諨OM节点包括与该DOM节点以及该节点的父节点相连接的节点事件监听??楹陀虢岬闶录嗵?橄嗔硬⒂敫肈OM节点对应的节点事件处理???;节点事件监听??橛糜诩嗵远杂Φ腄OM节点为目标节点的事件并判断事件是否在与该目标节点对应的节点事件处理??榈拇矸段?,将处于目标节点对应的节点事件处理??榇矸段诘氖录椭聊勘杲诘愣杂Φ慕诘闶录砟?榇聿⒅罩故录绦芭?。
    进一步的,其中,浏览器可以是IE或者其他支持DOM事件冒泡机制的浏览器如Firefox、Opera和Safari等。
    进一步的,其中,根节点事件监听???、根节点事件处理???、节点事件监听??橐约敖诘闶录砟?橹饕汕度氤谋疚募慕疟拘纬?,脚本可以是JavaScript脚本或者VBScript脚本?;蛘咭部梢杂山疟竞头穸斯δ苣?楣餐纬筛诘闶录嗵??、根节点事件处理???、节点事件监听??橐约敖诘闶录砟??,这取决于实际的功能需要。
    以上所述仅为本发明较佳的实施例,并非因此限制本发明的申请专利范围,所以凡运用本发明说明书及图示内容所作出的等效结构变化以及本领域技术人员惯用的手段替换,均包含在本发明的?;し段?。

    关 键 词:
    处理 网页 鼠标 点击 事件 方法
      专利查询网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    关于本文
    本文标题:处理网页鼠标点击事件的方法.pdf
    链接地址://www.4mum.com.cn/p-5779145.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服客服 - 联系我们

    [email protected] 2017-2018 www.4mum.com.cn网站版权所有
    经营许可证编号:粤ICP备17046363号-1 
     


    收起
    展开
  • 四川郎酒股份有限公司获第十二届人民企业社会责任奖年度环保奖 2019-05-13
  • 银保监会新规剑指大企业多头融资和过度融资 2019-05-12
  • 韩国再提4国联合申办世界杯 中国网友无视:我们自己来 2019-05-11
  • 中国人为什么一定要买房? 2019-05-11
  • 十九大精神进校园:风正扬帆当有为 勇做时代弄潮儿 2019-05-10
  • 粽叶飘香幸福邻里——廊坊市举办“我们的节日·端午”主题活动 2019-05-09
  • 太原设禁鸣路段 设备在测试中 2019-05-09
  • 拜耳医药保健有限公司获第十二届人民企业社会责任奖年度企业奖 2019-05-08
  • “港独”没出路!“梁天琦们”该醒醒了 2019-05-07
  • 陈卫平:中国文化内涵包含三方面 文化复兴表现在其中 2019-05-06
  • 人民日报客户端辟谣:“合成军装照”产品请放心使用 2019-05-05
  • 【十九大·理论新视野】为什么要“建设现代化经济体系”?   2019-05-04
  • 聚焦2017年乌鲁木齐市老城区改造提升工程 2019-05-04
  • 【专家谈】上合组织——构建区域命运共同体的有力实践者 2019-05-03
  • 【华商侃车NO.192】 亲!楼市火爆,别忘了买车位啊! 2019-05-03