मैं एक छवि में .click() ईवेंट कैसे जोड़ूं?

मेरे पास एक स्क्रिप्ट है जो माउस पर आधारित एक छवि रखती है धन्यवाद Jose Faeti पर धन्यवाद। अब मुझे नीचे दिए गए कोड में .click() ईवेंट जोड़ने में सहायता चाहिए ताकि जब कोई उपयोगकर्ता छवि पर क्लिक करता है तो यह स्क्रिप्ट में दिखाए गए फ़ंक्शन को निष्पादित करता है।मैं एक छवि में .click() ईवेंट कैसे जोड़ूं?

<img src="http://soulsnatcher.bplaced.net/LDRYh.jpg" alt="unfinished bingo card" />.click()

यदि आप इसे देखना चाहते हैं तो मैंने नीचे पूरा कोड डाला है।

<html> 
<head> 
<script language="javascript" type="text/javascript"> 
<!-- 

document.getElementById('foo').addEventListener('click', function (e) { 

var img = document.createElement('img'); 

img.setAttribute('src', 'http://blog.stackoverflow.com/wp-content/uploads/stackoverflow-logo-300.png'); 

e.target.appendChild(img); 
}); 

    // --> 
</script> 

</head> 

<body> 
<img src="http://soulsnatcher.bplaced.net/LDRYh.jpg" alt="unfinished bingo card" />.click() 
</body> 
</html>

सहायता?

स्रोत

2011-09-10 SS'

? किसी भी मामले में, आप छवि के लिए एक डोम तत्व बना रहे हैं - उसमें एक श्रोता जोड़ना किसी अन्य DOM तत्व को श्रोता जोड़ने जैसा ही है - जिसे आप पहले ही जानते हैं कि कैसे करना है। –

सबसे पहले, इस लाइन

<img src="http://soulsnatcher.bplaced.net/LDRYh.jpg" alt="unfinished bingo card" />.click()

आपको HTML और JavaScript मिश्रण कर रहे हैं। यह ऐसा काम नहीं करता है। वहाँ .click() से छुटकारा पाएं।

यदि आप जावास्क्रिप्ट को पढ़ते हैं तो आपको वहां मिला है, document.getElementById('foo') यह foo की आईडी के साथ एक HTML तत्व की तलाश में है। आपके पास एक नहीं है। अपनी छवि दें कि ID:

<img id="foo" src="http://soulsnatcher.bplaced.net/LDRYh.jpg" alt="unfinished bingo card" />

वैकल्पिक रूप से, आप एक समारोह में जे एस फेंक और अपने HTML में एक onclick डाल सकता है:

<img src="http://soulsnatcher.bplaced.net/LDRYh.jpg" alt="unfinished bingo card" onclick="myfunction()" />

मैं सुझाव है कि आप कुछ जावास्क्रिप्ट और HTML पर पढ़ने है, हालांकि ।

दूसरों जे एस क्लिक भी आबद्ध करते हुए ऊपर <img> स्थानांतरित करने के लिए की आवश्यकता होगी, के बारे में सही कर रहे हैं।

स्रोत

2011-09-10 20:49:35 mpen

आप तत्व को एक घटना को नहीं बांध सकता से पहले यह मौजूद है, तो आप onload स्थिति में यह करना चाहिए: किसी भी कारण तुम सिर्फ jQuery उपयोग नहीं कर रहे

<html> 
<head> 
<script type="text/javascript"> 

window.onload = function() { 

    document.getElementById('foo').addEventListener('click', function (e) { 
    var img = document.createElement('img'); 
    img.setAttribute('src', 'http://blog.stackoverflow.com/wp-content/uploads/stackoverflow-logo-300.png'); 
    e.target.appendChild(img); 
    }); 

}; 

</script> 
</head> 
<body> 
<img id="foo" src="http://soulsnatcher.bplaced.net/LDRYh.jpg" alt="unfinished bingo card" /> 
</body> 
</html>

स्रोत

2011-09-10 20:50:00 Guffa

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script> 
<script type="text/javascript" src="jquery-2.1.0.js"></script> 
<script type="text/javascript" > 
function openOnImageClick() 
{ 
//alert("Jai Sh Raam"); 
// document.getElementById("images").src = "fruits.jpg"; 
var img = document.createElement('img'); 
img.setAttribute('src', 'tiger.jpg'); 
    img.setAttribute('width', '200'); 
    img.setAttribute('height', '150'); 
    document.getElementById("images").appendChild(img); 


} 


</script> 
</head> 
<body> 

<h1>Screen Shot View</h1> 
<p>Click the Tiger to display the Image</p> 

<div id="images" > 
</div> 

<img src="tiger.jpg" width="100" height="50" alt="unfinished bingo card" onclick="openOnImageClick()" /> 
<img src="Logo1.jpg" width="100" height="50" alt="unfinished bingo card" onclick="openOnImageClick()" /> 

</body> 
</html>

स्रोत

2014-02-15 12:34:29 Arun

मैं एक छवि में .click() ईवेंट कैसे जोड़ूं?

उत्तर

संबंधित मुद्दे