2012-02-27 12 views
15

बनाने के बिना पाठ को क्लिक करने योग्य बनाता है मैं HTML और जावास्क्रिप्ट का उपयोग करने के लिए बहुत नया हूं। मैं कुछ पाठ पर क्लिक करने का विकल्प रखने की क्षमता जोड़ना चाहता हूं और सही जावास्क्रिप्ट निष्पादित करना चाहता हूं। क्या कोई संदर्भ कोड है जिसे मैं देख सकता हूं, या एक ट्यूटोरियल जो मेरी मदद कर सकता है? बटन सामान्य पाठ आप सीएसएस का उपयोग कर सकते की तरह लग रहे बनाने के लिएएचटीएमएल इसे एक हाइपरलिंक

<button class="link">Clicky</button> 

:

उत्तर

25

अर्थ विज्ञान के लिए मैं इस तरह एक <button> टैग का उपयोग करेंगे

button.link { background:none;border:none; } 

और सौंपने क्लिक मैं की सुगमता के लिए 'jquery का उपयोग इस प्रकार करें:

$(".link").click(function(){ 
    //your JS here 
}); 

लेकिन यदि आपके पास बटन पर एक आईडी है तो आप सादे जेएस ली का उपयोग कर सकते हैं ke इस:

var button = document.getElementById("your-button-id"); 
button.onclick = function(){ 
    //do stuff 
} 
3

कि एक लिंक कहीं नहीं है एक इंटरैक्टिव नियंत्रण के लिए apropriate तत्व एक <button>Label</button> या (<input type="button" value="Label">) है। (आप हमेशा सीएसएस के साथ सीमा और पृष्ठभूमि को दूर कर सकते हैं)।

आप मानक डीओएम एपीआई (या एक लाइब्रेरी जो उन्हें यूयूआई या jQuery जैसे सार तत्वों) का उपयोग करके click ईवेंट हैंडलर से बांध सकते हैं।

1

टेक्स्ट को <span class="yourClass">text</span> के साथ एक अवधि या अन्य तत्व में रखें और फिर ईवेंट श्रोता जोड़ने के लिए जावास्क्रिप्ट का उपयोग करें (अधिमानतः अपने एचटीएमएल के अंत में। ब्रेवटी के लिए, मैं jQuery के साथ प्रदर्शित करूंगा, हालांकि यह किया जा सकता है देशी जावास्क्रिप्ट के साथ।

<script> 
    $('.yourClass').on('click',function(){ 
    //your javacript 
    }); 
</script> 

वैकल्पिक रूप से आप उस शब्द की घटनाओं के लिए सभी पेज के माध्यम से खोज सकते हैं करते हैं, हालांकि मुझे लगता है कि सिफारिश नहीं होगा, क्योंकि यह वास्तव में धीमी गति से चीजों को नीचे होगा।

+3

अंतराल प्रयोग न करें। वे इंटरेक्टिव होने के लिए डिज़ाइन नहीं किए गए हैं, इसलिए यदि कोई रैखिक इनपुट डिवाइस (उदाहरण के लिए एक कीबोर्ड उपयोगकर्ता, या कोई संख्या का उपयोग कर किसी का उपयोग कर उन्हें नेविगेट करता है) एटी के rous टुकड़े) तो फोकस इसे छोड़ देंगे। एक अवधि का उपयोग करना एक अनियंत्रित पहुंच बाधा है। – Quentin

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