जब मैं हाइपरलिंक पर माउस hovers करता हूं तो मैं यूआरएल को प्रदर्शित करने से कैसे छुपा सकता हूं?हाइपरलिंक में यूआरएल कैसे छिपाया जा सकता है जब माउस होवर
<a href="url">Hyperlink</a>
माउस hovers जब ब्राउज़र के नीचे स्टेटस बार में प्रदर्शित करने से यूआरएल कैसे छिपा सकता है?
href में यूआरएल डाल मत (या इसे href="#" रखने के लिए) और onclick घटना है जो a तत्व में वास्तविक लिंक डालता करके JavaScript फ़ंक्शन देते हैं। लिंक पर होवर करते समय आपको वास्तविक यूआरएल दिखाई नहीं देगा, लेकिन जब उपयोगकर्ता वास्तव में क्लिक करता है तो लिंक डाला जाएगा।
ठीक है, लेकिन मैं देख सकता हूं कि # यहां, कुछ भी प्रदर्शित नहीं होना चाहिए जैसे इस स्टैक ओवरफ्लो साइट में टिप्पणी जोड़ें पर होवर करें, उस हाइपरलिंक पर कोई यूआरएल कैसे दिखाया गया है? – saroj
स्टैक ओवरफ़्लो पर उस तत्व में कोई 'href' विशेषता नहीं है, आप इसे आजमा सकते हैं। तो क्लिक करते समय, जावास्क्रिप्ट फ़ंक्शन को URL के साथ 'href' विशेषता को मूल्य के रूप में जोड़ना चाहिए। –
क्या आप इस तरह एक डेमो दिखा सकते हैं? एक उदाहरण के साथ ताकि मैं यहां – saroj
आपके पास कस्टम स्टेटस बार संदेश बनाने के लिए तकनीकी रूप से window.status है। आपको लगता है कि तत्व के लिए एक "onmouseover" घटना के दौरान यह सेट और एक खाली स्ट्रिंग के लिए window.status सेट कर सकते हैं .. thats कैसे हम इसे एक लंबे समय पहले लेकिन ..
ब्राउज़रों इन दिनों स्थिति के संशोधन को रोकने के लिए किया था डिफ़ॉल्ट रूप से बार (जहां तक मुझे पता है, फ़ायरफ़ॉक्स इसे रोकता है)। इसलिए इस दृष्टिकोण के लिए कोई गारंटी नहीं है कि कुछ भी कुछ भी करेगा।
बस onclick का उपयोग = "location.href = '#'"
<button class="class" onclick="window.location.href='http://stackoverflow.com'">Visit StackOverflow</button>इस तरह से आप आसानी से यूआरएल हाइपरलिंक पर जब माउस मंडराना छुपा सकते हैं।
बस एंकर लिंक पर एक आईडी जोड़ें।
एचटीएमएल
<a href="url" id='no-link'>Hyperlink</a>
Jquery कोड
$(document).ready(function() {
setTimeout(function() {
$('a[href]#no-link').each(function() {
var href = this.href;
$(this).removeAttr('href').css('cursor', 'pointer').click(function() {
if (href.toLowerCase().indexOf("#") >= 0) {
} else {
window.open(href, '_blank');
}
});
});
}, 500);
});
यहाँ डेमो लिंक की तरह आप कुछ अधूरा कार्य करना चाहते हैं https://jsfiddle.net/vipul09so/Lcryjga5/
क्या आप समझते हैं कि 'setTimeout' की आवश्यकता क्यों है? –
सेटटाइमआउट के बिना प्रयास करें। आप महसूस करते हैं कि वहां क्या होता है। –
ध्वनि है। जहां तक मुझे पता है कि इस व्यवहार को रोकने के लिए कोई रास्ता नहीं है, लोगों को कवर करने की कोशिश करने से रोकने के लिए जहां लिंक का नेतृत्व हो सकता है। ओह। – sg3s
कई बार आपने देखा होगा कि जब कोई हाइपरलिंक पर माउस होवर करता है तो कोई यूआरएल प्रदर्शित नहीं होता है, यह कैसा है? सुरक्षा रेजोन के लिए? – saroj
शिमोन द्वारा वर्णित वें विधि के साथ किया गया। मैं उन लोगों पर भरोसा नहीं करता जो उस विधि का उपयोग करते हैं; यह अच्छा नहीं है, मुझे यह जानना अच्छा लगता है कि मैं कहां जा रहा हूं और यह अनावश्यक obfuscation है। – sg3s