JS觸發(fā)事件(trigger的實(shí)現(xiàn))

參考 https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events,https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#Polyfill,https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/initMouseEvent;

關(guān)鍵點(diǎn)(是存在兼容性問(wèn)題调违,IE下不一樣)
dom監(jiān)聽(tīng)事件后钳枕,使用 dispatchEvent 或者 fireEvent 來(lái)調(diào)用觸發(fā)事件;
stackoverflow上有一段代碼:

function fireEvent(node, eventName) {
    // Make sure we use the ownerDocument from the provided node to avoid cross-window problems
    var doc;
    if (node.ownerDocument) {
        doc = node.ownerDocument;
    } else if (node.nodeType == 9) {
        // the node may be the document itself, nodeType 9 = DOCUMENT_NODE
        doc = node;
    } else {
        throw new Error("Invalid node passed to fireEvent: " + node.id);
    }

    if (node.dispatchEvent) {
        // Gecko-style approach (now the standard) takes more work
        var eventClass = "";

        // Different events have different event classes.
        // If this switch statement can't map an eventName to an eventClass,
        // the event firing is going to fail.
        switch (eventName) {
        case "click": // Dispatching of 'click' appears to not work correctly in Safari. Use 'mousedown' or 'mouseup' instead.
        case "mousedown":
        case "mouseup":
            eventClass = "MouseEvents";
            break;

        case "focus":
        case "change":
        case "blur":
        case "select":
            eventClass = "HTMLEvents";
            break;

        default:
            throw "fireEvent: Couldn't find an event class for event '" + eventName + "'.";
            break;
        }
        var event = doc.createEvent(eventClass);

        var bubbles = eventName == "change" ? false : true;
        event.initEvent(eventName, bubbles, true); // All events created as bubbling and cancelable.

        event.synthetic = true; // allow detection of synthetic events
        // The second parameter says go ahead with the default action
        node.dispatchEvent(event, true);
    } else if (node.fireEvent) {
        // IE-old school style
        var event = doc.createEventObject();
        event.synthetic = true; // allow detection of synthetic events
        node.fireEvent("on" + eventName, event);
    }
};

當(dāng)然大多情況下忧侧,只會(huì)是觸發(fā)click事件轻绞,所以可以用下面的代碼

function triggerClick(node){
    if (document.createEvent) {
        var evt = document.createEvent('MouseEvents');
        evt.initEvent('click', true, false);
        node.dispatchEvent(evt);    
    } else if (document.createEventObject) {
        node.fireEvent('onclick') ; 
    } else if (typeof node.onclick == 'function') {
        node.onclick(); 
    }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末弛矛,一起剝皮案震驚了整個(gè)濱河市跺嗽,隨后出現(xiàn)的幾起案子郭卫,更是在濱河造成了極大的恐慌砍聊,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,639評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件贰军,死亡現(xiàn)場(chǎng)離奇詭異玻蝌,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)词疼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)俯树,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人贰盗,你說(shuō)我怎么就攤上這事许饿。” “怎么了童太?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,221評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵米辐,是天一觀的道長(zhǎng)胸完。 經(jīng)常有香客問(wèn)我,道長(zhǎng)翘贮,這世上最難降的妖魔是什么赊窥? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,474評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮狸页,結(jié)果婚禮上锨能,老公的妹妹穿的比我還像新娘。我一直安慰自己芍耘,他們只是感情好址遇,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,570評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著斋竞,像睡著了一般倔约。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上坝初,一...
    開(kāi)封第一講書(shū)人閱讀 49,816評(píng)論 1 290
  • 那天浸剩,我揣著相機(jī)與錄音,去河邊找鬼鳄袍。 笑死绢要,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的拗小。 我是一名探鬼主播重罪,決...
    沈念sama閱讀 38,957評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼哀九!你這毒婦竟也來(lái)了剿配?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,718評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤勾栗,失蹤者是張志新(化名)和其女友劉穎惨篱,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體围俘,經(jīng)...
    沈念sama閱讀 44,176評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡砸讳,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,511評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了界牡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片簿寂。...
    茶點(diǎn)故事閱讀 38,646評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖宿亡,靈堂內(nèi)的尸體忽然破棺而出常遂,到底是詐尸還是另有隱情,我是刑警寧澤挽荠,帶...
    沈念sama閱讀 34,322評(píng)論 4 330
  • 正文 年R本政府宣布克胳,位于F島的核電站平绩,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏漠另。R本人自食惡果不足惜捏雌,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,934評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望笆搓。 院中可真熱鬧性湿,春花似錦、人聲如沸满败。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,755評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)算墨。三九已至宵荒,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間米同,已是汗流浹背骇扇。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,987評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留面粮,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,358評(píng)論 2 360
  • 正文 我出身青樓继低,卻偏偏與公主長(zhǎng)得像熬苍,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子袁翁,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,514評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • # Python 資源大全中文版 我想很多程序員應(yīng)該記得 GitHub 上有一個(gè) Awesome - XXX 系列...
    aimaile閱讀 26,452評(píng)論 6 428
  • 演講就是一次派發(fā)禮物的過(guò)程 演講時(shí)唯一能夠令你放松的方法柴底,是把演講當(dāng)做派發(fā)禮物的過(guò)程 高效溝通的三件事: 演講內(nèi)容...
    子龍三國(guó)閱讀 730評(píng)論 0 0
  • 盧大師要榮歸故里了,部門(mén)聚餐為他送行粱胜。說(shuō)起盧大師柄驻,不得不豎起大拇指,在我看來(lái)焙压,他是典型的理工科男鸿脓,智商極高,情商嘛...
    雨霽飄塵閱讀 146評(píng)論 0 0
  • 作者涯曲,陳愉野哭,美國(guó)長(zhǎng)大。其書(shū)中很多觀點(diǎn)和做法并不適合我們普通的中國(guó)女性幻件,但是還是有共同之處可供參考拨黔。 我個(gè)人理解,3...
    墨紫七閱讀 167評(píng)論 0 2
  • 做銷(xiāo)售绰沥,最重要的是要有自信篱蝇,信心來(lái)自于三方面贺待,1,相信自己的產(chǎn)品能幫到客戶零截,相信自己瘦身方法狠持。2,相信自己能...
    星火之光66閱讀 1,073評(píng)論 0 0