मुझे एक कोडबेस विरासत में मिला है जहां एक छवि में फैले कुछ <span> का उपयोग करके एक छवि में आइकन सेट किए जाते हैं। स्पैन कुछ इस तरह दिखते हैं:

<span class='circle_logo'></span>

मुझे इन आइकनों की ऑनक्लिक घटना में कुछ होने के लिए ट्रिगर करने की आवश्यकता है।

मैंने अतीत में <button> पर स्विच करके इस समस्या को दूर किया है, लेकिन यह इस उदाहरण में काम नहीं करता है (यह विशिष्ट प्लेसमेंट को गड़बड़ कर देता है)। मैंने स्पैन में कुछ &nbsp; जोड़ने की कोशिश की, लेकिन यह काम नहीं किया, ऐसा लगता है कि भले ही मैं वर्ण जोड़ूं, क्लिक पात्रों के वास्तविक पिक्सेल पर होने चाहिए। कोई विचार?

पढ़ने के लिए धन्यवाद।

1
Alex Hansen 30 अप्रैल 2018, 03:58

1 उत्तर

सबसे बढ़िया उत्तर

यह मानते हुए कि span किसी तरह दिखाई दे रहा है, बस हैंडलर को जावास्क्रिप्ट का उपयोग करके संलग्न करें, जैसे:

document.querySelector('.circle_logo').addEventListener('click', () => {
  console.log('clicked');
});
.circle_logo {
  background-image: url("https://www.gravatar.com/avatar/681cf17a49fa99ff9aa2289734aafac2?s=32&d=identicon&r=PG");
  display: inline-block;
  width: 30px;
  height: 30px;
}
<span class='circle_logo'></span>
3
CertainPerformance 30 अप्रैल 2018, 04:03