在浏览器事件中,会触发一些默认动作,比如:点击一个链接时,执行完捕获/冒泡动作后,会触发链接的默认事件:跳转到指定链接地址。
在很多时候,我们需要改变这些默认操作,比如:点击一个链接时,我们执行一些 ajax 操作,但是我们并不希望执行跳转动作,于是,就有了本文:阻止浏览器默认操作。
其实这并不是一个非常难的课题,单独拿出来的原因还是浏览器兼容问题:
<script type="text/javascript">
function stopDefault( e ) {
// Prevent the default browser action (W3C)
if ( e && e.preventDefault )
e.preventDefault();
// A shortcut for stoping the browser action in IE
else
window.event.returnValue = false;
return false;
}
</script>
使用示例:
<a href="http://www.google.com" id="testLink">Google</a>
<script type="text/javascript">
var test = document.getElementById('testLink');
test.onclick = function(e) {
alert('我的链接地址是:' + this.href + ', 但是我不会跳转。');
stopDefault(e);
}
</script>
分享到:
相关推荐
其实这并不是一个非常难的课题,单独拿出来的原因还是浏览器兼容问题: 代码如下:[removed] // 说明:Javascript 中阻止浏览器默认操作 // 作者:John Resig function stopDefault( e ) { // Prevent the default ...
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1. 阻止浏览器的默认行为 function stopDefault(e) { //如果提供了事件对象,则这是一个非IE浏览器 if(e &&...
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e....
1.阻止事件冒泡,使成为捕获型事件触发机制. function stopBubble(e) { //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的... //阻止浏览器的默认行为 functi
主要介绍了javascript实现阻止iOS APP中的链接打开Safari浏览器,这个IOS APP一般是Web APP,否则没法使用本文的代码,需要的朋友可以参考下
本文实例为大家分享了JavaScript实现点击自制菜单效果的具体代码,供大家参考,具体内容如下 应用场景:当我们希望用户再点击右键的时候不希望弹出浏览器的默认菜单时,需要阻止浏览器默认行为,并执行我们想要的...
需要监听浏览器的回退按钮,并阻止其默认事件。 具体步骤如下: 1、挂载完成后,判断浏览器是否支持popstate mounted(){ if (window.history && window.history.pushState) { history.pushState(null, null, ...
调用事件: ...IE中的事件对象 type 属性 用于获取事件对象, srcElement属性 用于获取事件目标 cancelBubble属性 用于阻止事件冒泡 设置为true是表示阻止 false表示不阻止 returnValue 属性 用于阻止事
很多人可能比较疑惑,这里简单介绍一下 event.preventDefault() :该方法是让浏览器不要执行与事件关联的默认动作 我们在dragover事件中使用,因为dragover关联的默认动作是阻止将数据或者元素放置到其他元素中;...
JavaScript有一个preventDefault方法, 他可用以来取消事件的默认动作。比如取消打开链接,选择文本或拖放等。 复制代码代码如下:event.preventDefault() ...这种方法可以阻止当前元素的浏览器默认行为,但并
同步加载 我们平时最常使用的就是这种同步加载形式: [removed][removed] 同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,因此停止了后续的文件加载(如图像)、渲染、代码执行。 js 之所以要...
26、 阻止冒泡事件或阻止浏览器默认行为 27、 关闭或跳转窗口时提示 28、 用javascript获取地 址栏参数 29、 计算停留的时间 30、 div为空,只有背景时,背景自动增高 主要内容: 16、除去数组重复项 [removed]...
今天刚试过chrome的drag and drop API,它能非常简单的将本地的图片放...前者将会阻止事件的冒泡,后者会阻止浏览器默认的行为。 这里我们定义一个ignoreDrag函数,用以实现上述功能: Html代码 var ignoreDrag =
1:jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 2:在当今的各个浏览器中都支持事件的冒泡,所谓的冒泡可以这样理解: ...
阻止浏览器的默认行为,也就是阻止浏览器右键菜单的出现,并且右键出现的是自己制作的菜单。
本文实例讲述了javascript处理a标签超链接默认事件的方法。分享给大家供大家参考。...因此,这个问题需要其它方法来解决,其一是用jquery的阻止默认事件,就像JQUERY的官方API中所给出的示例: <!docty
浏览器通常使用鼠标滚轮滚动或缩放文档,但可以通过取消mousewheel事件来阻止这些默认操作。有一些互用性问题影响滚轮事件,但是编写跨平台的代码依旧可以行。除了Firefox之外的所有浏览器都支持“mousewheel”事件...
浏览器隧道 Browsertunnel是使用DNS协议从浏览器中提取数据的工具。... 此外,某些浏览器默认情况下会禁用dns-prefetch ,在这种情况下,浏览器隧道将静默失败。 该项目分为两个部分: 用golang