preventDefault 与returnValue

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

JS阻止链接跳转

<script type="text/javascript">

functionstopDefault(e) {

     if(e && e.preventDefault) {//如果是FF下执行这个

        e.preventDefault();

    }else{

        window.event.returnValue = false;//如果是IE下执行这个

    }

    returnfalse;

}

</script>

<a href="http://www.test.com"id="test">测试</a>

<script type="text/javascript">

vartest = document.getElementByIdx_x('test');

test.onclick = function(e) {

   alert('URL：'+this.href + ', 不会跳转');

   stopDefault(e);

}

 

</script>

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