Div全体をクリック可能にする – jQueryの例

例えば、次のような状況でDiv全体をクリック可能にしてクリックすると、指定されたURLに移動するように必要がある場合があります。

<div class="clickable" url="http://google.com">
내용
</div>

この場合は、次のようなjQueryのスクリプトを使用することができます。

$("div.clickable").click(
function()
{
window.location = $(this).attr("url");
return false;
});
// Source: http://stackoverflow.com

ここで falseを返すは イベントバブル（event bubbling）を防止するためのものだそうです、 falseを返す 代わりに event.preventDefault（）を奨励する方もいますね。 event.preventDefault（）와 falseを返す 比較は ここを参考にしてみてください。 さまざまなユーザーの意見を確認してみることができます。

直接jQueryスクリプト内でリンクを指定してやろうという場合には、次のようなコードが可能です。

jQuery('.clickable).click(function(){
window.location = 'http://www.google.com';
});