入力フォームでコピペ(コピー&ペースト)を禁止する方法
入力フォームでメールアドレスを取得するときに、間違い防止のため2度入力するのはよくあります。
しかし1つ目に入力したものをコピーして2つ目にペースト(貼り付け)されてしまうと、ただユーザに入力の手間を増やすだけで、間違い防止にはなりません。
このようなことを防ぐために入力フォームでコピー&ペーストを防ぐには次のようにoncopy、onpaste、oncontextmenuを使用します。
<input oncopy="return false" onpaste="return false" oncontextmenu="return false" />
onCopy
コピーをしたときの動作。
onPaste
ペースト(貼り付け)をしたときの動作。
onContextmenu
右クリックメニューを出そうとしたときの動作。
これらをそれぞれ無効にしています。
例
これ以外にメールの入力フォームの形式を『全てを1つで入力する』、『 @で区切って2つの入力欄を作る』の2種類に変えてしまうというのもありますが、部分部分でコピペされると同じです。
| メールアドレス | |
| メールアドレス(再入力) | @ |
パスワードの入力部分でtype="password"を使用している場合は、コピーはできないのでonCopy、onContextmenuを指定する必要はありません。
また＊や●でパスワードは隠されるため、テキストエディタでパスワードを入力したものをコピーして、入力フォームにペースト(貼り付け)する人もいるので、onPasteを使用するのもよくないです。
このためパスワード入力欄にはコピペ禁止は不要です。
関連記事
- JavaScriptで64bit版か32bit版の判別をする方法
- 経過時間、残り時間をリアルタイムに表示する方法
- 時間をHH:ii:ssのフォーマットで表示する方法
- ゼロ埋めする方法 printfの代替
- ページのタイトルを変更する titleタグ
- リンクを別ウインドウで開きながら、元のウインドウのページを遷移させる方法
- 複数のチェックボックスを同時にチェックする 全選択チェックボックス
- Aタグのtarget属性をJavaScriptで指定する方法
- ページを移動するときに警告を出す方法
- IE6でmin-width、max-width、min-height、max-heightを使用する方法
- 表示、非表示を切り替える方法
スポンサーリンク
