リンクタグ(aタグ)によるページ遷移を確実に無効にするjQueryサンプルコード

ページ遷移しないようにaタグを指定してreturn false;にしても、一部のAndroid端末でページ遷移してしまう現象に遭遇しました。その対応策はevent.preventDefault()だ。

今までjQueryでページ遷移しないようするには、

$(document).on('click', 'a', function(event){
	return false;
});

としていました。

ですが、これだと一部のAndroid端末では遷移してしまうことを今更ながら知った。

そこで、return false;が効かないなら別の手段で遷移を停止することにした。

preventDefault()を使え!

$(document).on('click', 'a', function(event){
	event.preventDefault();
	return false;
});

preventDefault()を使用することで、aタグをクリックすることで起こるページ遷移イベントを無効にすることができる。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です