標籤點擊事件後的操作

其實,也不知道怎麼去給文章命名,就簡單的記錄下我遇到的問題吧,不多說,上代碼。

        <a id="tab1" href="https://www.baidu.com">測試連接</a>
        <br/>
        <button id="btn" value="">點擊以後是否出現問題</button>
        <br/>
        <input type="text" id="input"/>

我想讓這個點擊在跳轉前做點別的事情,so,

$("#tab1").click(function(e){
                       $("#input").val("已經點擊");
                       // e.preventDefault();
                    });
用jQuery的語法就是這樣寫,在它點擊以後,不會立刻跳轉,而是執行下面的賦值語句,然後跳轉。

但是當我使用

 $("#tab1")[0].click(function(e){
                $("#input").val("已經點擊");
                //e.preventDefault(); 這個是阻止默認行爲
            })
上面的這段代碼會讓它立刻跳轉 ,原因下面這個是一個dom元素,dom元素只有click()這個函數,並沒有裏面的fucntion()去加東西。所以想要在它跳轉前做一些事情,可以使用jQuery



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章