首頁猿問你好，請問用原生的js怎么實(shí)現(xiàn)和t...

你好，請問用原生的js怎么實(shí)現(xiàn)和trigger方法一樣的功能？

Java JQuery

喵喵時(shí)光機(jī) 2022-05-19 19:15:11

就是如何用腳本觸發(fā)一個(gè)元素的某個(gè)事件，而不是人為的。請不要復(fù)制jquery的源代碼，那對我沒有任何幫助。我剛看了，這個(gè)方法的代碼太復(fù)雜，除非對jquery整個(gè)框架都了解才能看懂。謝謝你們的回答，直接調(diào)用element的方法不是很有用，有的瀏覽器不支持。我仔細(xì)翻看了xml dom的api文檔，覺得下面的方法才是比較符合規(guī)范的，瀏覽器支持較好：var event = document.createEvent("MouseEvents");//onchange事件要用HTMLEventsevent.initEvent("click",true,true);//三個(gè)參數(shù)分別對應(yīng)event的 type 屬性、bubbles 屬性和 cancelable 屬性element.dispatchEvent(event);//給元素分派事件

查看完整描述

3 回答

浮云間

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超4個(gè)贊

// 原生的js觸發(fā)click事件elem.click(); // Jquery也用相同的方式// Jquery trigger的代碼片段trigger: function (event, data, elem, onlyHandlers) {// ...// ... try { // 這里是觸發(fā)事件的代碼 elem[type](); } catch (e) { // IE<9 dies on focus/blur to hidden element (#1486,#12518) // only reproducible on winXP IE8 native, not IE9 in IE8 mode }// ...// ... } return event.result;}

反對回復(fù) 2022-05-23

holdtom

TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超10個(gè)贊

//原生js trigger方法
function trigger(elem,event){
if(document.all) {
elem.event();
} else {
var evt = document.createEvent("Events"); //還有onchange則是HtmlEvents
evt.initEvent(event,true,true);
elem.dispatchEvent(evt);
};
}

反對回復(fù) 2022-05-23

慕后森

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個(gè)贊

// 直接獲取element綁定的方法調(diào)用就可以了 var triggle = function(element, method) { var func = element[method]; return func(); } window.onload=function() { triggle(document.getElementById("abc"), "onclick"); };