मैं जावास्क्रिप्ट में किसी तत्व पर प्रोग्रामेटिक रूप से क्लिक कैसे करूं?

Question

आईई में, मैं सिर्फ जावास्क्रिप्ट से element.click() को कॉल कर सकता हूं - मैं फ़ायरफ़ॉक्स में एक ही कार्य कैसे पूरा करूं? आदर्श रूप से मैं कुछ जावास्क्रिप्ट रखना चाहता हूं जो समान रूप से अच्छी तरह से क्रॉस-ब्राउज़र काम करेगा, लेकिन यदि आवश्यक हो तो इसके लिए मेरे पास अलग-अलग ब्राउज़र ब्राउज़र होगी।

Answer 1

document.createEvent documentation कहना है कि "createEvent विधि बहिष्कृत है बजाय event constructors का प्रयोग करें।।"

तो आप के बजाय इस विधि का उपयोग करना चाहिए:

var clickEvent = new MouseEvent("click", { 
    "view": window, 
    "bubbles": true, 
    "cancelable": false 
}); 

और की तरह एक तत्व पर यह आग यह:

element.dispatchEvent(clickEvent); 

दिखाया गया है here।

Answer 2

jQuery का उपयोग करके आप बिल्कुल वही बात, उदाहरण के लिए कर सकते हैं:

$("a").click(); 

कौन सा पृष्ठ पर "क्लिक" होगा सभी एंकर।

Answer 3

element.click() W3C DOM specification द्वारा उल्लिखित एक मानक विधि है। मोज़िला का गेको/फ़ायरफ़ॉक्स follows the standard और केवल इस विधि को INPUT तत्वों पर कॉल करने की अनुमति देता है।

Answer 4

क्या आप वास्तव में लिंक का पालन करने या ऑनक्लिक ट्रिगर करने का प्रयास कर रहे हैं? आप कुछ इस तरह के साथ एक onclick को गति प्रदान कर सकते हैं:

var link = document.getElementById(linkId); 
link.onclick.call(link); 

Answer 5

यहाँ (भी क्लिक संचालकों के अलावा अन्य के लिए प्रयोग करने योग्य) एक क्रॉस ब्राउज़र काम कर समारोह है:

function eventFire(el, etype){ 
    if (el.fireEvent) { 
     el.fireEvent('on' + etype); 
    } else { 
     var evObj = document.createEvent('Events'); 
     evObj.initEvent(etype, true, false); 
     el.dispatchEvent(evObj); 
    } 
} 

Answer 6

फ़ायरफ़ॉक्स लिंक के लिए "विशेष" दिखाई देते हैं। मैं इस काम को पाने में सक्षम था एकमात्र तरीका createEvent described here on MDN का उपयोग करना था और initMouseEvent फ़ंक्शन को कॉल करना था। यहां तक ​​कि कि पूरी तरह से काम नहीं किया, मैं स्वयं एक लिंक को खोलने के ब्राउज़र को बताने के लिए ...

var theEvent = document.createEvent("MouseEvent"); 
theEvent.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); 
var element = document.getElementById('link'); 
element.dispatchEvent(theEvent); 

while (element) 
{ 
    if (element.tagName == "A" && element.href != "") 
    { 
     if (element.target == "_blank") { window.open(element.href, element.target); } 
     else { document.location = element.href; } 
     element = null; 
    } 
    else 
    { 
     element = element.parentElement; 
    } 
} 

Answer 7

मैं KooiInc के समारोह ऊपर सूचीबद्ध इस्तेमाल किया था, लेकिन मैं IE के लिए दो अलग-अलग इनपुट प्रकार एक 'बटन का इस्तेमाल करना पड़ा और फ़ायरफ़ॉक्स के लिए एक 'सबमिट' करें। मुझे बिल्कुल यकीन नहीं है कि यह क्यों काम करता है।

// एचटीएमएल

<input type="button" id="btnEmailHidden" style="display:none" /> 
<input type="submit" id="btnEmailHidden2" style="display:none" /> 

// जावास्क्रिप्ट

var hiddenBtn = document.getElementById("btnEmailHidden"); 

if (hiddenBtn.fireEvent) { 
    hiddenBtn.fireEvent('onclick'); 
    hiddenBtn[eType](); 
} 
else { 
    // dispatch for firefox + others 
    var evObj = document.createEvent('MouseEvent'); 
    evObj.initEvent(eType, true, true); 
    var hiddenBtn2 = document.getElementById("btnEmailHidden2"); 
    hiddenBtn2.dispatchEvent(evObj); 
} 

में मैं खोज की है और कई सुझाव की कोशिश की लेकिन यह क्या काम कर रहा समाप्त हो गया है। अगर मेरे पास कुछ और समय था तो मुझे जांच करना अच्छा लगेगा कि क्यों एफई और आईई के साथ बटन के साथ काम सबमिट करते हैं, लेकिन यह अगली समस्या पर अभी एक लक्जरी होगा।