スマホでもスクロール（タッチ操作）禁止にする方法

programming.sincoston.com

event.preventDefault();

MDN

developer.mozilla.org

JS Primer

jsprimer.net

• 抽象

  • Elementが持つデフォルトの動作を止める

• 具象

  • フォームが持つデフォルトの動作とは、フォームの内容を指定したURLへ送信するという動作

イベントリスナーの登録／削除

# イベントリスナーの追加
イベントターゲット.addEventListener(イベント名,リスナー,[オプション])

# イベントリスナーの削除
イベントターゲット.removeEventListener(イベント名,リスナー,[オプション])

イベントリスナーの種類

qiita.com

タイプ	イベント名	説明
Click	click	左ボタンシングルクリック
	dblclick	左ボタンダブルクリック
	contextmenu	右ボタンクリック
	contextmenu	マウスのボタンを押した時
	contextmenu	マウスのボタンを離した時
---	---	---
Mouse	mousemove	対象エリア内でマウスを動かした時
	mouseenter	対象エリアにカーソルが入った時
	mouseleave	対象エリアからカーソルが出た時
	mouseover	対象エリアにカーソルが入った時(バブリングあり)
	mouseout	対象エリアからカーソルが出た時(バブリングあり)
	mousewheel	マウスホイールを回転させた時
---	---	---
Touch	touchstart	タッチ開始時
	touchmove	タッチポイント移動時
	touchend	タッチ終了時
---	---	---
テキスト選択時	selectstart	テキスト選択開始時
---	---	---
キーボード	keydown	キーが押された時
	keypress	キーが押された時(文字キーのみ=修飾キー以外)
	keyup	キーが離された時
---	---	---
イベント発火	dispatchEvent(イベント)	イベントを発生させる
---	---	---
Defalut EventをCancel	preventDefault()	イベントのデフォルトの挙動をキャンセル