JavaScript がブラウザのデフォルトのアクションをキャンセルする
デフォルトアクションとは、ユーザーによって明示的に指定されていないブラウザによって実行される操作を指します。特定の HTML タグについては、ブラウザには常にデフォルトのアクションがあります。
http://www.baidu.com
上記のリンクをクリックすると、ブラウザにウィンドウがポップアップして Baidu ホームページにアクセスします。このアクションはブラウザのデフォルトのアクションです。<a> タグをクリックすると、目的のページにリダイレクトされます。
その他のブラウザーのデフォルトのアクションには、送信ボタンをクリックしてフォームを送信する、リセット ボタンをクリックしてフォームをリセットする、タイトル属性を持つ要素にマウスを移動してプロンプトを表示する、などが含まれます。
ブラウザのデフォルトの動作はJavaScriptを通じてキャンセルできます。
W3C 仕様に準拠するブラウザの場合、イベント オブジェクトのPreventDefault() メソッドを使用してデフォルトのアクションをキャンセルします。ただし、IE8.0 以前では、returnValue に false を割り当てることでデフォルトのアクションをキャンセルします。イベントオブジェクトの属性。
<a> のデフォルトのアクションをキャンセルします。
新しいファイル
<html>
<head>
<title>取消<a>标签的默认动作</title>
</head>
<body>
<a id="demo" href="http://www.baidu.com" target="_blank">点击这里试试</a>
<script type="text/javascript">
document.getElementById("demo").onclick=function(e){
var eve = e || window.event;
try{ // 使用 try...catch 语句避免浏览器出现错误提示
eve.preventDefault(); // 非 IE 浏览器
}catch(e){
eve.returnValue = false; // IE8.0 及其以下版本
}
}
</script>
</body>
</html>
プレビュー
Clear
- おすすめコース
- コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
このコースを視聴した生徒はこちらも学んでいます
