1. 程式人生 > >標籤點選事件後的操作

標籤點選事件後的操作

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

        <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