点击事件不响应的问题
来源:互联网 发布:2015年疲劳驾驶数据 编辑:程序博客网 时间:2024/05/16 00:50
1/ 项目中遇到了几个点击问题不响应的问题,现在总结几点如下。
第一种 :在一个父div上面写了一个子div,刚开始时候,点击子div的时候(对子div阻止了时间冒泡),子的div的点击事件是可以触发的,但是等到第二次点击了父div后再点击子div,子div的事件不再触发,后来追踪到,是因为在触发父元素的时候,对父元素中的相关的布局进行了修改改变,改变使用的是dom重排,使用了$("newparentDiv").innerHTML = $("oldparentDiv").innerHTML + 新增的html片段。 乍一看,只对元素添加了一个删除的按钮,但是其实dom结构是重新排列了的,新的div中的元素已经不是原来的原来了,所以之前的元素绑定失效。 如果需要在某个dom上添加新的元素,就比如要在一个框中添加一个关闭和缩放按钮,最好的方法不是对innerHTML直接操作,而是使用appendChild()方法对其进行追加,这样就不会引起之前dom中元素的变化,自然也不会出现失效问题。
2 两个重要的方法,禁止事件冒泡和禁止事件的默认行为。
event.stopPropagation();禁止事件冒泡,是对某个子元素事件用的,比如有个表格,表格中有个button,点击表格的时候,有个点击表格事件,点击button的时候,也会冒泡到表格事件中,即就是button时间会引起同时除非表格事件,这个时候,对写button的事件中 ,添加event.stopPropagation();就不会在点击button的时候,引起点击表格的事件。
event.preventDefault();禁止默认的事件,比如常见的a元素,a元素中href是个链接,当我们点击a元素的时候,就会自动跳转到链接的地方,但是当我们对a元素进行禁止默认事件的时候,点击a元素的时候,就不会跳转。
- 点击事件不响应的问题
- ListView的item点击事件不响应
- AndroidStudio下的点击事件不响应
- button 的点击事件不响应
- Android进阶-点击事件的响应问题
- ListView点击事件不响应。
- toolbar不响应点击的问题
- 关于对话框上的按钮不响应点击事件的问题
- android listviewListview中的button点击事件或者是onitemclick不响应的问题
- 解决CCScrollView中菜单条目在不可见时仍响应点击事件的问题
- 解决父布局具有点击效果,但是子布局的Button不响应点击事件的问题
- 点击popupwindow外部区域,点击事件的响应问题
- DragDrop 事件不响应的问题
- UIActionSheet 按钮不响应点击事件的解决方法
- UIActionSheet 按钮不响应点击事件的解决方法
- UIActionSheet 按钮不响应点击事件的解决方法
- UIActionSheet 按钮不响应点击事件的解决方法
- UIActionSheet 按钮不响应点击事件的解决方法
- 用xshell5连接ubuntu系统教程,以及一些其它的问题
- 【平价数据】SimGAN:活用合成数据和无监督数据
- ScrollView can host only one direct child
- LeetCode
- SQLI labs 第七课(神游太虚)
- 点击事件不响应的问题
- [读书笔记] 《Python 机器学习》
- jquery的一些小小实例
- http://www.imooc.com/note/460?sort=last
- 在 Laravel 5 中使用 Laravel Excel 实现 Excel/CSV 文件导入导出功能
- PAT乙级 1027. 打印沙漏(20)--数学图形找规律
- Java中的字符串
- day01
- 闭包,递归,