2010-03-09 4 views
98

के बिना कर्सर शैली को पॉइंटर पर सेट करने के लिए कैसे करें onclick जावास्क्रिप्ट कॉल बनाने के लिए href विशेषता के बिना मेरे पास <a> HTML टैग हैं। इन लिंक में कर्सर की पॉइंटर शैली नहीं है। उनके पास टेक्स्ट स्टाइल कर्सर है।बिना किसी hrefs

href विशेषता का उपयोग किए बिना मैं कर्सर शैली को लिंक के लिए पॉइंटर पर कैसे सेट कर सकता हूं?

मुझे पता है कि मैं href = "#" जोड़ सकता हूं। मेरे पास HTML दस्तावेज़ में बहुत से स्थानों में है, और यह जानना चाहेंगे कि href विशेषता का उपयोग किये बिना लिंक के लिए कर्सर स्टाइल पॉइंटर कैसे बनाना है।

+0

अलविदा, जब आप लिंक कहते हैं, तो क्या आपका मतलब है "test"? या यह सिर्फ एक अवधि या div टैग है जो कुछ जावास्क्रिप्ट करता है? – Alxandr

उत्तर

162
अपने सीएसएस फ़ाइल इस ऐड में

....

a:hover { 
cursor:pointer; 
} 

यदि आप एक सीएसएस फ़ाइल नहीं है, आप कर सकते हैं अपने HTML पृष्ठ की

<style type="text/css"> 
a:hover { 
    cursor:pointer; 
} 
</style> 

भी HEAD में जोड़ना अपने जावास्क्रिप्ट के अंत में झूठी लौटकर href = "" विशेषता का प्रयोग करें।

<a href="" onclick="doSomething(); return false;">a link</a> 

यह कई कारणों से अच्छा है। एसईओ या अगर लोगों के पास जावास्क्रिप्ट नहीं है, तो href = "" काम करेगा। जैसे

<a href="nojavascriptpage.html" onclick="doSomething(); return false;">a link</a> 

@see http://www.alistapart.com/articles/behavioralseparation

संपादित करें: यह देखते हुए @ BalusC के answer जहां उन्होंने उल्लेख :hover ओपी के उपयोग के मामले के लिए आवश्यक नहीं है लायक। हालांकि अन्य शैली को :hover चयनकर्ता के साथ जोड़ा जा सकता है।

+4

का उपयोग करना: होवर आवश्यक नहीं है, और यह बिना किसी href के लिंक पर काम करने की गारंटी नहीं है। – Alxandr

+0

मैं कल्पना नहीं कर सकता कि यह कहां काम नहीं करेगा। यह सीखने का एक अच्छा तरीका है, आप अन्य जोड़ व्यवहारों को एक href विशेषता के साथ समान लिंक करना चाहते हैं: पृष्ठभूमि परिवर्तन, रेखांकन, रंग, आदि। – Ross

+1

यह कुछ समय हो गया है क्योंकि मैंने इसका उपयोग किया था, लेकिन

2

अगर मुझे सही याद है तो सीएसएस cursor: pointer का उपयोग करें।

या तो अपने सीएसएस फ़ाइल में:

.link_cursor 
{ 
    cursor: pointer; 
} 

तो बस आप लिंक कर्सर करना चाहते हैं किसी भी तत्व के लिए निम्न HTML जोड़ें: (। पसंदीदा तरीका) class="link_cursor"

या इनलाइन सीएसएस का उपयोग करें:

<a style="cursor: pointer;"> 
14

बस अपने वैश्विक सीएसएस शैली से जोड़ें:

a { cursor: pointer; } 

इस तरह से आप अब और ब्राउज़र डिफ़ॉल्ट कर्सर शैली पर निर्भर नहीं कर रहे हैं।

+0

काम नहीं करता है। क्रोम में 'सूचक' के बजाय कर्सर को 'टेक्स्ट' में बदल दिया गया है। – ZhekaKozlov

4

उन्हें सभी एक सामान्य वर्ग (उदाहरण के लिए लिंक) दें।फिर सीएसएस फ़ाइल में जोड़ें:

.link { cursor: pointer; } 

या के रूप में @mxmissile सुझाव दिया है, यह इनलाइन कर के साथ शैली = "कर्सर: सूचक,"

2

निम्नलिखित सीएसएस के साथ एक वर्ग बना सकते हैं और onclick घटनाओं के साथ अपने टैग में जोड़ें:

cursor:pointer; 
3

इस तरह जब आप किसी दिए गए object (myObject) पर ले जाएं, एक हाथ करने के लिए एक तीर से कर्सर बदल है ।

myObject.style.cursor = 'pointer'; 
+1

काम नहीं करता है, पहले, एसओ, लो में आपका स्वागत है! पोस्टिंग/उत्तर देने पर, कृपया यथासंभव जानकारीपूर्ण बनना सुनिश्चित करें और अपने कोड उदाहरणों को प्रारूपित करना न भूलें (जैसा कि मैंने आपके लिए किया है)। – Brian