javascript - Firebug: "event is not defined" -

-

मेरे पास इन विधियों के साथ एक कन्स्ट्रक्टर है: 

 function getMouseXY (ईवेंट) {var x = event ClientX - this.offsetLeft; Var y = event.clientY - this.offsetTop; वापसी [एक्स, वाई]; } फ़ंक्शन चेतावनी () {var c = this.getMouseXY (ईवेंट); चेतावनी (ग [0]); }

एचटीएमएल कोड में मैं एक एचटीएमएल 5 कैनवास 'इवेंट माउसअप में अलर्टएक्स फ़ंक्शन को असाइन करता हूं: 

 document.getElementById (' केबैगग्राउंड ')। AddEventListener (' mouseup ', object.alertx , असत्य);

अपेक्षित परिणाम क्या है? कैनवास पर क्लिक करने से यह माउस की एक्स स्थिति को दर्शाता है, इसके बजाय मुझे कुछ भी नहीं मिला। फायरबग के साथ आगे की अन्वेषण मुझे "घटना परिभाषित नहीं है" त्रुटि मिलती है मुझे नहीं पता कि इससे कैसे बचें! कोई सुझाव? धन्यवाद!

कुछ मुद्दे देखें:

  1. कोड> अलर्टएक्स () एक ईवेंट तर्क प्राप्त नहीं करता है।
  2. उस फ़ंक्शन में आप getMouseXY को का उपयोग कर कॉल कर रहे हैं । उस समय के इस खोजशब्द, उस तत्व को देखेंगे जो ईवेंट को ट्रिगर करेगा।
  3. आप ईवेंट हैंडलर को अज्ञात वस्तु चर में बाध्य कर रहे हैं।

मुझे लगता है कि आप ऐसा कुछ करना चाहते हैं: 

  फ़ंक्शन getMouseXY (ईवेंट) {var x = event.clientX - this.offsetLeft, // नोटिस, 'यह' प्रयोग किया जाता है y = इवेंट। क्लिथिइ - यह। ओफ़सेटटॉप; वापसी [एक्स, वाई]; } समारोह चेतावनी (घटना) {var सी = getMouseXY.call (यह, घटना); // तत्व को 'यह' चेतावनी के रूप में सेट करें (c [0]); }

और अगर आपके पास कन्स्ट्रक्टर फ़ंक्शन है, और उपर्युक्त कार्य करने का उदाहरण है, तो आप ऐसा कुछ कर सकते हैं: 

  function MyObject () { // कंस्ट्रक्टर} MyObject.prototype.getMouseXY = फ़ंक्शन (ईवेंट) {var x = event.clientX - this.offsetLeft, y = event.clientY - this.offsetTop; वापसी [एक्स, वाई]; }; MyObject.prototype.alertx = समारोह (घटना, तत्व) {var c = this.getMouseXY.call (तत्व, घटना); चेतावनी (ग [0]); }

इस घटना को बंधन करते समय, आप संदर्भ को लागू करने के लिए एक अज्ञात समारोह जोड़ सकते हैं: 

  var वस्तु = नया MyObject (); Document.getElementById ('cbackground')। AddEventListener ('mouseup', फ़ंक्शन (e) {object.alertx (ई, यह); // सतर्कता को सही 'यह'}, झूठी) के साथ बुलाया जाएगा;

संपादित करें: आपकी टिप्पणी के जवाब में, आपको सिर्फ यह जानना होगा कि सन्दर्भ ( यह कीवर्ड) निहित सेट करें:

जब आप एक उदाहरण विधि को कॉल करते हैं: 

  obj.method ();   
  यह  कीवर्ड के अंदर  विधि ,  obj  देखेंगे। 
 
 वही बात तब होती है जब आप ग्लोबल वैरिएबल कहते हैं, क्योंकि वे वैश्विक ऑब्जेक्ट के सदस्य हैं ( विंडो  ब्राउज़र स्क्रिप्टिंग में): 
 
  वैश्विक फ़ंक्शन ();  
 
 के समतुल्य है: 
 
  window.globalFunction ();  
 
 और उस फ़ंक्शन के अंदर का संदर्भ वैश्विक ऑब्जेक्ट ही होगा ( विंडो )। 
 
 एक और मामला तब होता है जब आप  नया  ऑपरेटर: 
 
  var उदाहरण = नया MyConstructor ();  
 
 उस स्थिति में  यह  कीवर्ड एक  नया ऑब्जेक्ट,   new  ऑपरेटर।  
 जब आप कोई ईवेंट हैंडलर के रूप में किसी फ़ंक्शन का उपयोग करते हैं, तो  यह  कीवर्ड उस तत्व को संदर्भित करेगा जो ईवेंट को चालू करता है: 
 
  Document.getElementById ('myId')। Onclick = obj.myfunction;  
 
 उस स्थिति में  myFunction  एक  obj  की एक उदाहरण विधि है, लेकिन  यह  कीवर्ड का संदर्भ देगा DOM तत्व को क्लिक किया गया है। 
 
 और अंत में, जैसा कि आप मेरे कोड में देखते हैं, संदर्भ का उपयोग करके  स्पष्ट रूप से  सेट किया जा सकता है।

Comments

Post a Comment

Popular posts from this blog

c# - How to capture HTTP packet with SharpPcap -

-
I would like to capture all incoming HTTP packets on my machine. To do this, I am using SharpPcap which is a WinPcap The cover is. SharpPcap works very well, but it captures TCP packets and what it wants to do for me is a very low level. Does anyone know how can I easily get full HTTP requests / reactions from all these TCP packets? Thanks SharpPcap is already able to capture the packet in the same way That's what the virus does (just in the code instead of the GUI). And you can either either parse them directly or you can put them in the drive in the common .pcap file format. The steps to parse the capture are: Open a connection at any time Loop a while Or start capturing using an event callback Parsing the raw packet for the type you want If you are reading .PPP dump files In addition to calling you an offline capture reader is almost the same, there is no need to select an interface, and you can set the majority There is no need to do the modes. All st...
Read more

php - Multiple Select with Explode: only returns the word "Array" -

-
By using Wordpress I have created a multiple selection box so that users can select categories to exclude. When the page is initially loaded, I see my predefined default option. However, when I select a new value and I save ... I only see the word "Array" and have not chosen anything else? & lt; Class = "amultiple" id = "& lt; php echo $ value ['id'] ;? gt;" name = "& gt; php echo $ value ['id'] ;; gt; []" Multiple = "multiple" size = "8" & gt; & Lt ;? Php global option; Foreign currency ($ value as value $) {if (get_settings ($ value ['id']) === FALSE {$$ value ['id'] = $ value ['std']; } And {$$ value ['id'] = get_settings ($ value ['id']); }} $ Ranges = & amp; Amp; Categories ('type = post & orderbiz = name & amp; hide_empty = 1'); If ($ ranges) {$ ex_cat = implode (',', $ tt_cat_exclude); Forex Currency ($ range a...
Read more

jquery - SimpleModal Confirm fails to submit form -

-
I am trying to confirm jQuery to show yes / no confirmation when I submit a form. I had modified (in the last list) to capture and block form submissions. However, it only works with jQuery 1.2.6, a recent upgrade stops 1.3.2, if yes is clicked, then by submitting the form. But I can not understand what is wrong / inconsistent in my code now. Demo (which works in both versions of a simple window.href implementation). $ (document) .ready (function () {$ ('input.delete'). Click (function (e) {e.preventDefault (); var target = $ (e .target); Confirm ("Really delete this event?", Function () {target.click ()});});}); How about something like this? The idea of ​​catching clicks (and fire!) On the submitted event is not click event. $ (document) .ready (function () {$ ('# myForm'). Submit (function () {var f = this; Confirm (" Remove? ", Function () {$ (f). Submit ();}) Return; Return the initial session;}}}}; Hope That this is som...
Read more