मैं फ़ायरफ़ॉक्स में Event.srcElement कैसे काम कर सकता हूं और इसका क्या मतलब है?

Question 1

मेरी कंपनी की वेबसाइट पर एक स्टेटमेंट है जो फ़ायरफ़ॉक्स के साथ एक वेब पेज को असंगत बनाता है

if(event.srcElement.getAttribute("onclick") == null){ 
...code..
document.mainForm.submit();
}

मैंने टिप्पणी की है कि क्या बयान की स्थिति है और अब यह पूर्वोक्त के साथ काम कर रहा है। मेरा सवाल यह है कि क्या event.srcElement.getAttribute ("onclick") है, क्या यह महत्वपूर्ण है, क्या यह भविष्य में समस्या पैदा करेगा। भी, वहाँ कुछ इसी तरह की स्थिति मैं बदल सकता है ताकि यह फ़ायरफ़ॉक्स पर काम करता है?

संपादित करें:

 function gotoRDManagerPT(PTId, bDDetailId) {
        if(!proceed()) return false;
        var target = event.target || event.srcElement; 
        if(event.target.getAttribute("onclick") == null) { 
            document.mainForm.displayRDManagerPT.value = "true";
            document.mainForm.PTId.value = PTId;
            document.mainForm.bDDetailId.value = bDDetailId;
            document.mainForm.submit();
        }
    }

Question 2

srcElementमालिकाना संपत्ति मूल रूप से IE से आ रही है। मानकीकृत संपत्ति है target:

var target = event.target || event.srcElement;

if(target.onclick == null) { // shorter than getAttribute('onclick')
    //...
    document.mainForm.submit();
}

Quirksmode.org पर भी एक नज़र डालें - अधिक क्रॉस ब्राउज़र जानकारी के लिए इवेंट गुण ।

सवाल के बारे में कि यह क्या कर रहा है:

event.target/ event.srcElementउस तत्व का संदर्भ शामिल है जिस eventपर उठाया गया था। getAttribute('onclick') == nullजाँच करता है कि एक क्लिक ईवेंट हैंडलर इनलाइन ईवेंट हैंडलिंग के माध्यम से तत्व को सौंपा गया है या नहीं ।

क्या यह महत्वपूर्ण है? हम नहीं कह सकते क्योंकि हम नहीं जानते कि क्या ...code..कर रहा है।

Question 3

IE में ईवेंट ऑब्जेक्ट पहले से ही विंडो ऑब्जेक्ट में उपलब्ध है; फ़ायरफ़ॉक्स में, यह ईवेंट हैंडलर में एक पैरामीटर के रूप में पारित किया गया है।

उदाहरण

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

function toDoOnKeyDown(evt)

{

    //if window.event is equivalent as if thie browser is IE then the event object is in window
    //object and if the browser is FireFox then use the Argument evt

    var myEvent = ((window.event)?(event):(evt));
    //get the Element which this event is all about 

    var Element = ((window.event)?(event.srcElement):(evt.currentTarget));
    //To Do -->

}

HTML:

<input type="text" id="txt_Name" onkeydown="toDoOnKeyDown(event);"/>

जैसा कि आपने देखा कि जब हमने HTML के अंदर फ़ंक्शन को कॉल किया था तो हमने eventब्राउज़र फ़ायरफ़ॉक्स के मामले में एक पैरामीटर जोड़ा है।

मैंने एक लेख में पढ़ा है कि IE में ईवेंट ऑब्जेक्ट कहा जाता है window.eventऔर फ़ायरफ़ॉक्स में हमें इसे एक पैरामीटर के रूप में रखना होगा।

मामले में आपको इसे कोड में संलग्न करने की आवश्यकता है:

document.getElementById('txt_Name').onkeydown = function(evt) {
    var myEvent = ((window.event)?(window.event):(evt));


    // get the Element which this event is all about 

    var Element = ((window.event)?(event.srcElement):(evt.currentTarget));
    // To Do -->
};

Question 4

निम्नानुसार त्वरित सुधार का प्रयास करें:

कोड में शामिल करें:

let target = event.target || event.srcElement;

और बदल जाते हैं

event.srcElement.XXXXX to target.XXXXX

यह फ़ायरफ़ॉक्स के साथ समस्या को हल करता है।