preventDefault()
来源:互联网 发布:中国原油10月进口数据 编辑:程序博客网 时间:2024/06/07 15:31
preventDefault方法取消浏览器对当前事件的默认行为,比如点击链接后,浏览器跳转到指定页面,或者按一下空格键,页面向下滚动一段距离。该方法生效的前提是,事件的cancelable属性为true,如果为false,则调用该方法没有任何效果。
该方法不会阻止事件的进一步传播(stopPropagation方法可用于这个目的)。只要在事件的传播过程中(捕获阶段、目标阶段、冒泡阶段皆可),使用了preventDefault方法,该事件的默认方法就不会执行。
该方法是否能作用取决于,节点+方法,例如
submit/a+click
input/button+keypreaa
div+scroll
除键盘鼠标事件外,还有其他如进度事件,拖拉时间,触摸事件,文档事件,以后遇到的时候个别分析
下面附上遇到的preventDefault用法问题
背景:在backbone开发的基础上添加一个Tab NEW(非backbone)
表现: NEW 的相邻一次tab A不能A->NEW后NEW->A
作死的新加入代码
(‘#promote-tab’).click(function(e) {
e.preventDefault();(this).tab(‘show’);
});
问题在于preventDefault()阻止了tab的index的调整,所以tab A坚持认为A一直都是A,从未改变。
可能看官会问, 为什么用e.preventDefault()?懒惰的粘过来JS组件代码作死了,根源还是对他的了解不够,反省后注意。
0 0
- preventDefault()
- preventDefault()
- preventDefault() 方法
- preventDefault() 方法
- event.preventDefault()
- JavaScript preventDefault
- event.preventDefault()
- preventDefault stopPropagation
- event.preventDefault()
- event.preventDefault()
- e.preventDefault
- stopPropagation&&preventDefault
- preventDefault()、 preventDefault()和 return false 的区别
- e.preventdefault实例说明
- stopPropagation, preventDefault应用
- jQuery 中的 event.preventDefault
- js中的preventDefault
- jquery "event.preventDefault()"
- Linux驱动技术(二) _访问I-O内存
- activity之间的数据传递方法
- Mybatis_01_理解动态sql及sql片段
- Activity基础篇之异常情况下生命周期分析
- 观察者模式学习笔记
- preventDefault()
- android消息机制原理详解
- 【Python】学习笔记——-4.0、高级特性
- 特征工程
- 常见的Android内存泄漏问题以及解决办法
- Mac IntelliJ IDEA 创建maven-archetype-webapp超时问题
- Android-View事件体系之View的基础知识
- python安装某模块时出现 TypeError: __call__() takes exactly
- 【Python】学习笔记——-4.1、切片