jQuery中preventDefault()方法怎么用

這篇文章主要介紹了jQuery中preventDefault()方法怎么用，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

　　preventDefault()方法阻止元素發(fā)生默認(rèn)的行為（例如，當(dāng)點(diǎn)擊提交按鈕時(shí)阻止對(duì)表單的提交）。

　　jQuery事件-preventDefault()方法實(shí)例

　　防止鏈接打開URL：

　　$("a").click(function(event){

　　event.preventDefault();

　　});

　　e.preventDefault();語法

　　event.preventDefault()

　　參數(shù) 描述

　　event 必需。規(guī)定阻止哪個(gè)事件的默認(rèn)動(dòng)作。這個(gè)event參數(shù)來自事件綁定函數(shù)。

　　首先，Table頁面，點(diǎn)擊其中一行的編輯，將整行信息展示到Modal頁的Form表單上，直接取消Modal頁面，再次點(diǎn)擊其他行的編輯，Modal頁的Form表單可以正常顯示新一行的信息。

　　但，如果點(diǎn)擊了From表單的提交按鈕，再關(guān)閉Modal頁面，然后點(diǎn)擊其他行編輯，則Modal的Form表單展示的仍為上一行的信息。

　　<FormonSubmit={this.handleSubmit}className="login-form">

　　//提交

　　handleSubmit=(e)=>{

　　e.preventDefault();

　　this.props.form.validateFields((err,values)=>{

　　//清空form的默認(rèn)值

　　this.setState({

　　mEMail:'',

　　mPhone:'',

　　mName:'',

　　})

　　});

　　}

　　雖然每次關(guān)閉Modal的時(shí)候都會(huì)清空Form內(nèi)容，再次展示的時(shí)候，打印出來的Form的默認(rèn)值也是正常的，

　　但頁面上就是上一條的信息。

　　最后選擇把e.preventDefault();注釋掉。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“jQuery中preventDefault()方法怎么用”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!