JavaScript Event 对象 preventDefault() #14

ClarenceC · 2017-06-01T02:27:12Z

Event.preventDefault()

在事件里头取消事件的默认动作。
例如下面例子,点击连接不会跳转,只会弹出警告.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS阻止链接跳转</title>
<script type="text/javascript"> 

function stopDefault( e ) { 
if ( e && e.preventDefault ) 
   e.preventDefault(); 
    else 
   window.event.returnValue = false; 

    return false; 
} 

</script> 
</head>
<body>
<a href="http://www.baidu.com" id="testLink">百度</a>

<script type="text/javascript"> 
var test = document.getElementById('testLink'); 
test.onclick = function(e) { 
   alert('我的链接地址是：' + this.href + ', 但是我不会跳转。'); 
   stopDefault(e); 
} 
</script>

</body>
</html>

The text was updated successfully, but these errors were encountered:

ClarenceC mentioned this issue Oct 10, 2019

前端深入学习的文章 I #40

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

JavaScript Event 对象 preventDefault() #14

JavaScript Event 对象 preventDefault() #14

ClarenceC commented Jun 1, 2017

JavaScript Event 对象 preventDefault() #14

JavaScript Event 对象 preventDefault() #14

Comments

ClarenceC commented Jun 1, 2017

Event.preventDefault()