首頁 > web前端 > js教程 > 主體

js模擬點擊事件

一个新手
發布: 2017-09-25 09:53:57
原創
5245 人瀏覽過

在頁面載入之後,我們常常會遇到連動的問題。這時候就需要在頁面載入後就自動觸發第一個點擊事件這樣後面的連動才能在網頁中顯示出來。
在js當中可以使用
trigger方法

$("selector").trigger("click");
登入後複製

例如在我的程式碼中我先給這個ul 裡面的li  添加了點擊事件  然後模擬觸發了這個事件。

    $(".place-classify ul").on("click","li",function(){
        var placeName = $(this).html();
       createPlaceContent(placeName) ;
    });
    $(".place-classify ul li:first-child").trigger('click');
登入後複製

但有的時候模擬事件並沒有觸發一般可能遇到兩個問題:

  1. 模擬點擊事件寫在了點擊事件的前面。
    有的人認為這個是在頁面載入後才觸發的尤其是寫在$(function(){});當中就是先渲染在觸發,但是一個頁面打開先渲染的是整個頁面的元素,而不是js程式碼,js程式碼還是會一條條的往下執行,那麼把模擬點擊寫在前面的話就是先觸發再聲明,所以沒有效果,把他移到點擊事件的後面就可以了。

  2. 已經把點擊事件移到了後面但還是沒有觸發,那麼可能是異步加載的原因,由於你的網頁是異步加載那麼由於數據還沒有處理完你就發生了點擊事件,同樣的道理,動態生成的元素都還沒生成,就觸發了點擊事件。辦法就是把ajax請求改為同步請求。 $.ajax({ <br>        url:url, <br>        data:data, <br>        async:false, <br>        success:function(result){ <br>            handle(result); <br>        }, <br>        error:function(result){ <br>            alert("取得資料失敗"); <br>        } <br>    });

以上是js模擬點擊事件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板