2010年10月08日


JavaScript : リロードボタンとリンクボタン

テストしてみてかなり不思議に思いました。ブラウザによってかなり動作が違います。
INPUT のボタンを A で挟んでいるだけですが、Google Chrome と Opera は、ボタン
をクリックするだけで、A の  href が開きます。Firefox は、何故か二つ開くので、
イベントをキャンセルして、window.open しています。

IE は、昔から click メソッドがあるので、A を呼び出しています。
<INPUT type="button" value="サーバーからリロード" onclick='location.reload(true);'>

<A href="http://winofsql.jp" target="_blank">
<INPUT
	type="button"
	value="ウインドウを開く"
	onClick='
		window.userAgent = navigator.userAgent.toLowerCase();
		if (userAgent.indexOf("msie") > -1) {
			this.parentNode.click();
		}
		if (userAgent.toLowerCase().indexOf("firefox") > -1) {
			event.preventDefault();
			window.open(this.parentNode.href,this.parentNode.target);
		}
		'
></A>



posted by at 13:36 | Comment(0) | JavaScript : 要素 | このブログの読者になる | 更新情報をチェックする


この記事へのコメント
コメントを書く
お名前:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。