2013-02-14 27 views
84

作業onclickの両方を追加したい私はこののonClickのhrefでの作業タグにするためにどのようにHTMLタグHTMLタグ<a>は、HREFと

<a href="www.mysite.com" onClick="javascript.function();">Item</a> 

についてお尋ねしたいのですが?

答えて

162

を(onClickのは、HREF、最初の実行されていることを好む)あなたは既にマイナーな構文の変更で、あなたが必要なものを持っている:

<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>タグのonclickhrefプロパティのデフォルトの動作は、その後、onclickを実行することですonclickfalseを返さず、イベントをキャンセルしている(またはイベントが防止されていない)限り、hrefに従ってください。

+6

あなたが答えてくれてありがとう! –

+1

あなたは私のヒーローです。私はこの解決策のために3日間探してきました –

+0

これを行うには、element.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

私はJavaScriptフレームワークを使用しません。お返事ありがとうございます –

+5

上記は実際のリンクではありません。新しいタブで開くことはできず、非常に悪いことです。何かが新しいタブ(na urlを持っている)で開くことができるなら、常に意味のある 'href'属性を追加してください。 – Nux

関連する問題