2013-02-14 45 views
84

काम कर जोड़ना चाहते हैं इस एक टैग href और onClick के साथ काम? (पसंद करते हैं onClick तो पहले से चल रहा है href)एचटीएमएल टैग <a> दोनों href और मैं HTML टैग के बारे में पूछने के लिए</p> <pre><code><a href="www.mysite.com" onClick="javascript.function();">Item</a> </code></pre> <p>कैसे करना चाहते हैं onclick

उत्तर

162

आप पहले से ही क्या आप एक छोटी सी वाक्य रचना परिवर्तन के साथ की जरूरत है, है:

<a href="www.mysite.com" onclick="return theFunction();">Item</a> 

<script type="text/javascript"> 
    function theFunction() { 
     // return true or false, depending on whether you want to allow the `href` property to follow through or not 
    } 
</script> 

<a> टैग की onclick और href गुण के डिफ़ॉल्ट व्यवहार है onclick निष्पादित करने के लिए, तो का पालन करें जब तक onclickfalse वापस नहीं करता है, ईवेंट को रद्द कर देता है (या ईवेंट को रोका नहीं गया है)

+6

धन्यवाद! –

+1

आप महोदय, दिन के लिए मेरे नायक हैं। मैं इस समाधान के लिए 3 दिन की तलाश कर रहा हूं –

+0

क्या तत्व के साथ ऐसा करने का कोई तरीका है .addEventListener फ़ंक्शन? – TheEquah

8

[jQuery] [1] का उपयोग करें। आपको click ईवेंट कैप्चर करने की आवश्यकता है और फिर वेबसाइट पर जाएं। आप जवाब के लिए

$("#myHref").on('click', function() { 
 
    alert("inside onclick"); 
 
    window.location = "http://www.google.com"; 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" id="myHref">Click me</a>

+9

मैं किसी भी जावास्क्रिप्ट ढांचे का उपयोग नहीं करूंगा। लेकिन आपके उत्तर –

+5

के लिए धन्यवाद, ऊपर एक वास्तविक लिंक नहीं है। इसे एक नए टैब में खोला नहीं जा सकता है और यह एक बहुत ही खराब अभ्यास है। अगर किसी नए टैब में कुछ खोला जा सकता है (na url है) हमेशा एक सार्थक 'href' विशेषता जोड़ें। – Nux