js中的preventDefault

最新推荐文章于 2024-01-30 09:03:14 发布

weixin_30270561

最新推荐文章于 2024-01-30 09:03:14 发布

阅读量63

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ppoo/archive/2011/12/29/2306018.html

版权

preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。

JS阻止链接跳转

function stopDefault(e) { 
     if (e && e.preventDefault) {//如果是FF下执行这个
        e.preventDefault();
    }else{ 
        window.event.returnValue = false;//如果是IE下执行这个
    }
    return false;
}
</script> 
<a href="http://www.test.com" id="test">测试</a> 
<script type="text/javascript"> 
var test = document.getElementByIdx_x('test'); 
test.onclick = function(e) { 
   alert('URL：' + this.href + ', 不会跳转'); 
   stopDefault(e); 
}

</script>

此时点击链接，不会打开url，只弹出一个对话框。

转载于:https://www.cnblogs.com/ppoo/archive/2011/12/29/2306018.html