JavaScript事件冒泡应用实例:
在一些传统的小型WEB应用开发过程中,JavaScript通常只是拿来做表单验证而以,所以你很少会遇到因为JavaScript事件冒泡而影响功能的实现情况,又或者事件冒泡对最终实现效果影响不大,可忽略。然而,在今天一些大型的WEB交互项目中,比如大型的WebGame项目,JavaScript事件冒泡影响是值得重视的。本文通过一个简单的例子来讲解JavaScript事件冒泡及使用注意事项。
如果你对JavaScript事件冒泡还没有什么印象,不妨先看看我之前写的一篇博客《JavaScript事件冒泡简介及应用》。本文讲究实用,不在对JavaScript事件冒泡基础知识进行过多的阐述。
在文章开始之前,现在先看看下面这样一个需求:下面HTML假设描述的是一个WebGame项目包裹栏(玩过网游的人应该知道什么是包裹栏或物品栏)的外框架,拖动这个包裹标题栏可以拖动这个包裹到页面上任何位置,而点击标题栏右侧的“×”关闭按钮可以关闭这个包裹栏的显示。你通过观察HTML结构,可以发现那个关闭按钮其实是一个A链接,而且是作为标题栏H5的子元素存在。要想拖动一个元素,我们会想到向拖动的句柄元素注册mousedown事件,而点击或“单击”关闭按钮就关闭这个包裹。根据这个需求,我们很快得到下面这样的代码。
相关视频
相关阅读 oracle查看实例名方法xml实例精讲教程计算机加密反跟踪技术密文技术和实例Oracle数据库简介如何用java连接数据库方法用ASP.NET/C#连接Access和SQL Server数据库Asp.net结合Xml开发网络硬盘实例如何利用Socket进行网络编程
热门文章 JS文件中的中文在网页
最新文章
JS文件中的中文在网页关于一些Play 1.0.1资
JAVA中抽象类与接口的区别Java技巧:关于Cookie的操作JAVA AWT图形用户界面设计巧用Java将Word转换为Html网页文件
人气排行 1JS文件中的中文在网页上显示为乱码解决方法2怎么为Java程序添加漂亮背景图片代码3JAVA AWT图形用户界面设计4怎样获取java线程中信息5JS简介及特点6Java面向对象编程学习总结7js鼠标滑过切换层效果代码下载8教你java使用回调和线程处理响应全过程
查看所有0条评论>>