jquery事件preventDefault()方法用法執行個體

來源:互聯網
上載者:User

 這篇文章主要介紹了jquery事件preventDefault()方法用法,執行個體分析了preventDefault()方法的功能及提示,需要的朋友可以參考下

  

本文執行個體講述了jquery事件preventDefault()方法用法。分享給大家供大家參考。具體實現方法如下:

 

代碼如下:<html>
<head>
<title>jquery事件:preventDefault()方法的使用</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#myform").submit(function(e){
if($("#search").val()==""){
alert("搜尋內容不可為空");
e.preventDefault();
}
});
});
</script>
</head>
<body>
<form action="http://www.baidu.com" method="post" id="myform">
<input type="text" size="38" id="search" /><input type="submit" value="搜尋" />
</form>
</body>
</html>
補充說明:

 

(1)如果想擷取事件的相關資訊,則給匿名函數添加一個參數。例子中的e表示事件的對象。
(2)通過呼叫事件對象的preventDefault()方法,能夠阻止預設行為的發生(如例子中的發送到http://www.baidu.com)。

另外,呼叫事件對象的stopPropagation()方法,能夠阻止冒泡事件的發生。關於冒泡模型與捕捉模型,可參考另外一篇文章《js中的事件捕捉模型與冒泡模型執行個體分析》。

希望本文所述對大家的jQuery程式設計有所協助。

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。