वस्तुओं

Question

मैं वस्तुओं (विशेष रूप से easelJS चित्र) की एक सरणी है की एक सरणी ऐसे ईवेंट श्रोता कैसे जोड़ें - कुछ इस तरह:

मुझे क्या करना चाहते हैं के बजाय एक घटना श्रोता है:

imageArray[index].addEventListener("click", function(){ 
    alert " you clicked region number " + index} 

:

gShape.addEventListener("click", function() {alert"stuff"}); 

मैं कार्यक्रम विशेष रूप से पता करने के लिए है जो इस क्षेत्र क्लिक किया जाता है, ताकि मैं निम्नलिखित तरीके से एक चेतावनी बॉक्स भेज सकते हैं चाहता हूँ 10

Answer 1

कुछ इस तरह काम करना चाहिए: क्योंकि यह एक बंद है कि चेतावनी संदेश में दिखाया जाएगा index का मूल्य रखती है बनाता है

for (var i = 0 ; i < imageArray.length ; ++i) { 
    function(index) { 
     imageArray[index].addEventListener("click", function() { 
      alert ("You clicked region number: " + index"); 
     }); 
    } (i); 
} 

कारण यह काम करता है है। प्रत्येक बार लूप के माध्यम से index का एक और मूल्य रखने वाला एक और बंद बनाता है।

Answer 2

निश्चित रूप से। आप उस पुनरावृत्ति की अनुक्रमणिका को सहेजने के लिए केवल एक बंद करने का उपयोग कर सकते हैं। अन्यथा एक ही कार्यक्षेत्र द्वारा साझा किया जाता है और आपको उसी पुनरावृत्ति का मूल्य देगा। प्रत्येक के लिए एक अलग समारोह बनाना, उस स्थिति को उस स्थिति के भीतर सहेज देगा।

var imageArray = new Array; 
gShape = new createjs.Shape(); 
// shape is something 
imageArray.push(gShape); // Dumped all the objects 

for(var i=0; i< immageArray.length; i++) { 
    (function(index) { 
     imageArray[index].addEventListener("click", function() { 
      console.log("you clicked region number " + index); 
     }) 
    })(i); 
} 

या बेहतर

for(var i=0; i< immageArray.length; i++) { 
     imageArray[i].addEventListener("click", bindClick(i)); 
} 

function bindClick(i) { 
    return function(){ 
      console.log("you clicked region number " + i); 
      }; 
} 

Answer 3

ज़रूर, एक बंद समाधान है, लेकिन जब से वह मिला है Ext भरी हुई वह भी इसका इस्तेमाल करते हैं और कुछ बहुत ही पठनीय कोड प्राप्त हो सकता है। सूचकांक Ext.Array.each पर दूसरे तर्क के रूप में पारित किया गया है (Ext.each पर उपनाम)।

Ext.each(imageArray, function(gShape, index) { 
    gShape.addEventListener("click", function() { 
     alert("You clicked region number " + index); 
    }); 
}); 

Answer 4

यह है कि मैं क्या div पहचान-पत्र के लिए उपयोग कर रहा हूँ है:

var array = ['all', 'what', 'you', 'want']; 

function fName() { 
    for (var i = 0; i < array.length; i++) 
    document.getElementById(array[i]).addEventListener('click', eventFunction); 
}; 

गुड लक!