onbeforeunload と aタグの href 属性について

解決済

質問者：pyonpyoi
質問日時：2005/04/20 13:13
回答数：2件

<body onbeforeunload="alert('quit');">
<a href="#" onclick="foo();">教えて！</a>
<a href="javascript:foo();">goo</a><br>

↑このように書くと、
「教えて！」をクリックすると、foo()関数のみが実行されますが、
「goo」をクリックすると onbeforeunload のイベントが発生し、alert実行後foo()関数が実行されます。

href に記述した javascript についての詳しい処理内容についてご存知の方がいましたら教えてください。
クリックしたときのこの二つの違いってなんなのでしょうか？？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： BLUEPIXY
回答日時：2005/04/20 21:28

onbeforeunloadは、ブラウザが閉じられたり、現在のページから移動したときに実行されます。

リンクでhref="#"を指定した場合は、自ページを意味しますが
そうでない場合は、別ページへの移動ということになるためそのような動作になるのではないでしょうか

<a>は基本的にはリンクを表すものですから、単に関数を実行したい場合は、ボタンを使うのがいいと思います。
<button type="button" onclick="foo()">ｇｏｏ</button>
文字列のままで、リンクのようなアンダーバーが必要というのであれば
<span style="text-decoration:underline" onclick="foo()">ｇｏｏ</span>とか
<span onclick="foo()"><u>ｇｏｏ</u></span>
とかするといいかもしれません。

- 0
- 件

通報する

No.1

回答者： BLUEPIXY
回答日時：2005/04/20 21:27

onbeforeunloadは、ブラウザが閉じられたり、現在のページから移動したときに実行されます。

リンクでhref="#"を指定した場合は、次ページを意味しますが
そうでない場合は、別ページへの移動ということになるためそのような動作になるのではないでしょうか

<a>は基本的にはリンクを表すものですから、単に関数を実行したい場合は、ボタンを使うのがいいと思います。
<button type="button" onclick="foo()">ｇｏｏ</button>
文字列のままで、リンクのようなアンダーバーが必要というのであれば
<span style="text-decoration:underline" onclick="foo()">ｇｏｏ</span>とか
<span onclick="foo()"><u>ｇｏｏ</u></span>
とかするといいかもしれません。