HOME > リファレンス > jQuery > jQuery API一覧 > Events > event.preventDefault()

event.preventDefault()

このメソッドを実行した場合、通常のイベントアクションは行われない。自動でreturn falseをやってくれるってことか？

サンプル

実行結果

Javascript

$('.jqTest1 a').on('click', function(e){
e.preventDefault();
});
$('.jqTest1 select').on('change', function(e){
e.preventDefault();
});
$('.jqTest1 :checkbox').on('click', function(e){
e.preventDefault();
});
$('.jqTest1 form').on('submit', function(e){
e.preventDefault();
});

HTML

<div class="jqTest1">
<p><a href="/">HOME</a></p>
<form>
<select name="city">
<option value="fukuoka" selected="selected">福岡</option>
<option value="sapporo">札幌</option>
<option value="saitama">埼玉</option>
<option value="osaka">大阪</option>
<option value="sendai">仙台</option>
<option value="chiba">千葉</option>
</select>
<br />
<input type="checkbox">チェックボックス<br />
<input type="submit" value="SUBMIT" />
</form>
</div>

selectは効果なし。自分で元に戻せってことか。

参照サイト

event.preventDefault() – jQuery API