कैसे hrefs के बिना लिंक के लिए सूचक के लिए कर्सर शैली सेट करें

Question

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

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

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

Comments

वैसे, जब आप लिंक कहते हैं, तो क्या आपका मतलब "<a id="do_some_javascript"> परीक्षण </a> है?" या यह सिर्फ एक स्पैन या डिव टैग है जो कुछ जावास्क्रिप्ट करता है?

— एलेक्ज़ेंडर

Answer 1

अपनी सीएसएस फ़ाइल में यह जोड़ें ...।

a:hover {
 cursor:pointer;
}

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

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

यह भी कि आप अपनी जावास्क्रिप्ट के अंत में गलत रिटर्न करके href = "" विशेषता का उपयोग कर सकते हैं।

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

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

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

@ वे http://www.alistapart.com/articles/behavioralseparation

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

Comments

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

— 14 दिसंबर को अल्कैंडर

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

— रॉस

जब से मैंने इसे इस्तेमाल किया है, तब से यह एक समय हो गया है, लेकिन <IE6 के लिए यह शैली को जोड़ने के लिए एक सशर्त टिप्पणी जोड़ने के लायक हो सकता हैcursor: hand;

— डेविड कहते हैं कि मोनिका

आपको सशर्त टिप्पणी की आवश्यकता नहीं है - बस .myStyle {कर्सर: हाथ; कर्सर: सूचक;} - नए ब्राउज़र हाथ की विशेषता को अनदेखा कर देंगे क्योंकि वे इसे वैसे भी नहीं समझते हैं। इसके अलावा IE6 अभी भी सूचक समझ जाएगा - हाथ ie5 और नीचे के लिए है।

— १०:२२

अपने आप में एक का उपयोग करना हालांकि कुछ समस्याएं पैदा कर सकता है। विशेष रूप से IE में क्योंकि वे OnBeforeUnload को ट्रिगर करते हैं, भले ही आप झूठे जोड़ते हैं; यहां तक ​​कि जावास्क्रिप्ट के लिए एक लिंक: शून्य (0); OnBeforeUnload का कारण बनता है। मुझे काम पर इस समस्या के साथ एक प्रमुख सिरदर्द था ...

— अल्क्सएन्डर

Answer 2

इसे अपनी वैश्विक CSS शैली में जोड़ें:

a { cursor: pointer; }

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

Comments

काम नहीं करता है। क्रोम के textबजाय कर्सर को बदल दिया जाता है pointer।

— झक्काझोजोव

Answer 3

शैली = "कर्सर: सूचक;"

Answer 4

जब आप दिए गए object(myObject) पर होवर करते हैं, तो तीर को एक तीर से एक हाथ में बदल दिया जाता है ।

myObject.style.cursor = 'pointer';

Comments

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

— ब्रायन

Answer 5

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

.link { cursor: pointer; }

या जैसा कि @mxmissile ने सुझाव दिया है, इसे स्टाइल के साथ इनलाइन करें = "कर्सर: पॉइंटर;"

Answer 6

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

cursor:pointer;

Answer 7

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

या तो आपकी CSS फ़ाइल में:

.link_cursor
{
    cursor: pointer;
}

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

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

<a style="cursor: pointer;">

Answer 8

कोणीय संस्करण:

<a (click)="action(); $event.preventDefault()" href="#">Action</a>

Answer 9

यह मेरे लिए काम किया:

<a onClick={this.openPopupbox} style={{cursor: 'pointer'}}>