说明：有些不懂的地方，请查看相关资料，只提供思路
事件
javascript事件有两个传播方式，1:事件冒泡，2:事件捕获，关于事件
问题
经常会给页面上的一些dom元素(如按钮)绑定一些事件，进行交互，尤其是现在移动端流行，交互比较多，所以一个页面需要绑定很多事件，比如我们有一个列表(如下图)，点一下，就打印响应的内容。
如上图中，我给每一个列表(classname包含li)绑定一个click事件，然后执行clickHandle方法
思考：现在是5个列表，如何是100个，1000个呢？，那不得绑定很多，而且异步加载的列表，绑定更加复杂。
思路
我们能知道li是list的子元素，而且点击子元素能冒泡到父元素去，所有我们能不能只绑定一个事件，就是绑定到list上，那怎么判断是否点到子元素呢？，事件有个event参数，包含很多属性，其中event.target表示当前点击的元素，我们发现子元素都有classname为li，所以判断classname包含li，所以我们就能判断是否点击了其中一个列表
相信看上图代码，同学们能懂
代码
第一图代码
event
第一个列表
第二个列表
第三个列表
第四个列表
第五个列表
第二图代码
event
第一个列表
第二个列表
第三个列表
第四个列表
第五个列表
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/2613/viewspace-2798667/ ，如需转载，请注明出处，否则将追究法律责任。
下一篇：
c#程序设计习题仅供参考
请登录后发表评论
登录
全部评论
