एचटीएमएल एंकर लिंक - href और दोनों पर क्लिक करें?

Question

मैं एक एंकर टैग लिखना चाहता हूं जो कुछ जावास्क्रिप्ट निष्पादित करता है और फिर href इसे ले जा रहा था, जहां जाने के लिए आगे बढ़ता है। मेरे जावास्क्रिप्ट को निष्पादित करने वाले फ़ंक्शन को आमंत्रित करना और window.location या top.locationhref स्थान पर मेरे लिए काम नहीं करता है।

तो, कल्पना करें कि मेरे पास पृष्ठ पर आईडी "फू" वाला तत्व है। (- top.location का उपयोग कर इसे पृष्ठ पुनः लोड करने का कारण होता है एक बार पुनः लोड करने का कारण नहीं)

<a href="#Foo" onclick="runMyFunction(); return false;">Do it!</a> 

जब यह क्लिक किया जाता है, मैं runMyFunction निष्पादित करने के लिए और फिर #Foo करने के लिए पृष्ठ कूद चाहते हैं: मैं एक लंगर के लिए इसी तरह लेखक को चाहते हैं।

सुझाव? मुझे jQuery का उपयोग करने में खुशी है अगर यह यहां मदद कर सकता है ...

Answer 1

बस return true इसके बजाय?

onClick कोड से वापसी मूल्य क्या निर्धारित करता है लिंक निहित क्लिक किए गए कार्रवाई संसाधित किया जाता है या नहीं - लौटने false मतलब है कि यह संसाधित नहीं है, लेकिन अगर आप true लौट तो ब्राउज़र के बाद यह कार्रवाई करने के लिए आगे बढ़ना होगा अपने फ़ंक्शन रिटर्न और उचित एंकर पर जाएं।

Answer 2

यदि लिंक रन सफल होने पर लिंक केवल स्थान बदलना चाहिए, तो onclick="return runMyFunction();" करें और फ़ंक्शन में आप सही या गलत वापस आ जाएंगे।

यदि आप केवल फ़ंक्शन चलाने के लिए चाहते हैं, और फिर एंकर टैग को अपना काम करने दें, तो बस return false कथन हटा दें।

एक साइड नोट के रूप में, आपको शायद इवेंट हैंडलर का उपयोग करना चाहिए, क्योंकि इनलाइन जेएस चीजों को करने का एक बहुत ही इष्टतम तरीका नहीं है।

Answer 3

<a href="#Foo" onclick="return runMyFunction();">Do it!</a> 

और

function runMyFunction() { 
    //code 
    return true; 
} 

इस तरह आप youf समारोह निष्पादित करना होगा और आप इस लिंक का पालन करेंगे और आप लिंक बिल्कुल के बाद अपने कार्य को सफलतापूर्वक था चलाने का पालन करेंगे।