JavaScript或jQuery模擬點擊超鏈接和按鈕


  有時候我們需要頁面自動點擊超鏈接或者按鈕,可以用js或者jQuery利用程序去點擊,方法很簡單,按鈕或超鏈接代碼如下:

1 <a href="url" target="_blank" onclick="closewin();" id="alink">點擊超鏈接</a>
2 <button id="btn" onclick="test()">點擊按鈕</button>

上面是一個超鏈接和一個按鈕,並且超鏈接和按鈕都綁定了點擊事件

先看超鏈接,如果我們打算點擊超鏈接的同時不僅觸發事件而且跳轉到href的指定鏈接,可以用:

<script>
    document.getElementById("alink").click();
</script>

 

這樣就可以實現上面的功能,但是如果我只想觸發事件而不想跳轉呢,方法有兩個,第一個是href寫上href="javascript:;"

另外的方法是引入jQuery,然后用jQuery點擊事件觸發

<script>
    $("#alink").click();
</script>

這樣就不會跳轉了

如果是按鈕的話,直接用以下代碼:

1 <script>
2     //真正的用程序點擊按鈕
3     document.getElementById("btn").click();
4     //沒有點擊按鈕,只是執行了按鈕所綁定的事件
5     document.getElementById("btn").onclick();
6 </script>

注釋已經注明區別了,雖然原理不一樣,但是這里對用戶來說效果是一樣的

既然js能完成這些功能那么補充一下也可以進行表單的提交,過程和模擬點擊類似,只是方法不同

表單的按鈕如果是button就和模擬點擊一樣,綁定一個事件,如果按鈕是type="submit",那么給form一個id如:id="form1"那么表單提交可以用下面的方式進行:

1 <script>
2     //js提交表單
3     document.getElementById("form1").submit();
4     //jQuery提交表單
5     $("#form1").submit();
6 </script>

代碼很簡單,就是用了js中的submit()方法,可以把事件封裝到函數中靈活使用,另外提交表單還有一些其他的方法,以上是比較常用的一般方法

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM