preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。
JS阻止链接跳转
<script type="text/javascript">
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
function stopDefault(e) {
if (e && e.preventDefault) {
e.preventDefault();
} else {
window.event.returnValue = false ;
}
return false ;
}
</script>
<script type= "text/javascript" >
var test = document.getElementByIdx_x( 'test' );
test.onclick = function (e) {
alert( 'URL:' + this .href + ', 不会跳转' );
stopDefault(e);
}
|
</script>
此时点击链接,不会打开url,只弹出一个对话框。
分享到:
相关推荐
首先讲解一下js中preventDefault和stopPropagation两个方法的区别:preventDefault方法的起什么作用呢?我们知道比如百度,这是html中最基础的东西,起的作用就是点击百度链接到http://www.baidu.com,这是属于标签的...
preventDefault stopPropagation 详解,很有用的
给a做按钮的click事件加preventDefault阻止浏览器的默认行为貌似是印象中必须的事情
这里用到了event.preventDefault()方法,很多人可能比较疑惑,这里简单介绍一下 event.preventDefault() :该方法是让浏览器不要执行与事件关联的默认动作 我们在dragover事件中使用,因为dragover关联的默认动作是...
在我们android开发中,一个应用使用的内存大小是有限制的.在应用中,如果大量的使用bitmap就很可能导致内存溢出的问题。比如我在曾经的一个项目中遇到的问题:要使用Gallery来显示多张不同的图片,在给Gallery的每个...
包装事件处理程序,以便在可用时为您提供e.preventDefault()。 (即直接调用也可以) var prevDflt = require ( "wrap-prevent-default" ) ; var handler = prevDflt ( function ( event ) { console . log ( "I...
使用 fastClick 时出现连续快速点击出现下面报错:原因为 fastClick 每次 touchstart 时都调用了 preventDefault,ch
* 自定义javascript常用基础库 author zhang_jhai 创建时间 2010/04/10 最后修改时间 2010/05/03 * version 2.0 */ // Base库基础类 BaseJs = function() { // 判断浏览器类型 userAgent = navigator....
主要介绍了javascript处理a标签超链接默认事件的方法,涉及event.preventDefault()方法阻止默认事件的使用技巧,需要的朋友可以参考下
smoothScroll.js 是极小的,符合标准的平滑滚动脚本,无依赖,支持 Firefox, Chrome, IE10, Opera 和 Safari。使用:[removed][removed]示例:var smoothScroll = require('smoothscroll'); var exampleBtn = ...
JavaScript权威指南 犀牛书 Chapter 1. Introduction to JavaScript Section 1.1. JavaScript Myths Section 1.2. Versions of JavaScript Section 1.3. Client-Side JavaScript Section 1.4. JavaScript ...
本文介绍怎样利用JavaScript来阻止表单提交的两种方法,分别是return false和使用preventDefault(),有需要的可以参考借鉴,下面一起来看看。
<script type="text/javascript" src="js/jquery.js"> <h2>Media(中介者)模式 行为设计模式。公开一个统一的接口,系统的不同部分可以通过该接口进行通信。 确保组件的交互是通过这个中心点来处理,而...
1. 在JavaScript中,获取该矩形元素并添加事件监听器,实现拖拽改变大小的效果: ``` var rectangle = document.getElementById('myRectangle'); rectangle.addEventListener('mousedown', function(event) { ...
这是一个强健的 Javascript 库用于捕获键盘输入和输入的... hotkeys('f5', function(event, handler){ // 防止WINDOWS系统下的默认刷新事件 event.preventDefault() alert('you press F5!') }); 或者手动下载
EventUtil.js 摘自Javascript高级程序设计 (第3版) p.360 为了以跨浏览器的方式处理事件,不少开发人员会使用能够隔离浏览器差异的Javascript库,还有一些开发人员会自己开发最适合的事件处理的方法。自己编写代码...
//IE中组织浏览器行为 else{ window.event.returnValue=fale; } return false; } 以上这篇js阻止浏览器默认行为触发的通用方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持...
您可以在 vanilla JS 中使用它或将它与 jQuery 集成。 要求 安装 npm install glide 用法 要求: var Glide = require('glide'); 然后调用它: new Glide(element, offset); 偏移量被添加到元素的顶部,并且...