javascript - Getting associated img from HTML area -


वहाँ दो img तत्व हैं जो समान नक्शे का उपयोग करते हैं क्षेत्र। अब, हम बाइंड करें क्षेत्र तत्व पर एक क्लिक ईवेंट हैंडलर क्या इमेज हैंडलर से यह निर्धारित करना संभव है कि छवि इन्सेंट को क्लिक किया गया है?

हाँ, आप निर्धारित कर सकते हैं जिस पर छवि को या तो क्लिक किया गया था:

  1. एक मूल तत्व पर एकल ईवेंट हैंडलर को संलग्न करना और event.target संपत्ति का निरीक्षण करना
  2. प्रत्येक छवि तत्व पर अलग-अलग ईवेंट हैंडलर संलग्न करना

उदाहरण के लिए, यदि आपका HTML ऐसा दिखता है:

  & lt; div id = "container" & gt; & Lt; img id = "myimage1" usemap = "theMap" / & gt; & Lt; img id = "myimage2" usemap = "theMap" / & gt; & Lt; नक्शा नाम = "theMap" & gt; ... & lt; / मैप & gt; & Lt; / div & gt;  

तो संभव समाधान हैं:

1)

  document.getElementById ('कंटेनर')। Onclick = function (evt) ) {Var लक्ष्य = evt.target || window.event.srcElement; स्विच (target.id) {case 'myimage1': चेतावनी ('आपने myimage1 पर क्लिक किया है); टूटना; मामले 'myimage2': चेतावनी ('आप myimage2 पर क्लिक किया'); टूटना; डिफ़ॉल्ट: // क्लिक हैंडलर को कुछ अन्य ईवेट मिला}}  

2)

  document.getElementById ('myimage1')। Onclick = function () { सचेतक ('आपने myimage1 पर क्लिक किया'); } Document.getElementById ('myimage2')। Onclick = function () {चेतावनी ('आपने myimage2 पर क्लिक किया है); }  

घटना पर कब्जा करने के बाद आप क्या करना चाहते हैं इसके आधार पर, आपको यूआरएल के माध्यम से अनुसरण करने की अनुमति देने के लिए या तो 'सत्य' वापस करना होगा, या 'गलत' वैकल्पिक कार्रवाई।


Comments

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

html - CSS autoheight, but fit content to height of div -

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -