ペーストが禁止されているHTMLフォームに無理やりペーストするワンライナー|TechRacho(テックラッチョ)〜エンジニアの「?」を「!」に〜|BPS株式会社エンジニアの「?」を「!」に。Tips2019.05.23ペーストが禁止されているHTMLフォームに無理やりペーストするワンライナーbabaシェアツイートブックマークLINE会員登録フォームなどで、たまにクリップボードからのペースト(貼り付け)が禁止されているサイトがあります。貼り付けを実行しても何もおきないこれは不便なので、強引にペーストしてしまおうという内容です。本記事で紹介している手法は、開発者ツールやJavaScriptの実行を伴うものです。一般論として、「開発者ツールでこう操作すると良いよ」「このJavaScriptを貼り付けると良いよ」という記事を理解せずに鵜呑みにすることは、高いセキュリティリスクを伴います。利用の判断は慎重にお願いします。困るのかパスワードは通常パスワードマネージャや適当なジェネレータで生成すると思います。間違えないように気をつけながら心を込めて打ち込むのも趣がありますが、忙しいときにはそんなことはしたくありません。そのあたりの使い勝手や柔軟性がそこまで良くない。ログインフォームならともかく、会員登録フォームはパスワード確認欄などもあり、全自動で良い感じに入力してくれないケースのほうが多い。一度きりのために設定を書くのも無駄。現在フォーカスしているフォームにパスワードだけ単品で入力する機能を使えば良いが、ショートカットキーを間違えてEnterまで入力してしまうほうが実行されると(うっかりフォーカス間違えていたらどうしよう)怖い。理由で、ログイン時はブラウザアドオンの自動入力を使い、それが使えないケースではクリップボードを利用しています。クリップボードからのペーストが禁止されると、1文字ずつ手入力を強いられることになり、疲れる上に入力ミスでログインできない事故も多発します。禁止されているのかメールアドレスの確認欄については、「入力欄からコピペできることで、間違ったメールアドレスをコピペして登録してしまう人が多くなる。」という意見が通っていた時代もあると思います。現代では、間違える人は何しても間違えるので、間違えたら再登録すれば良いし確認欄いらなくねというのが主流だと思います。パスワードのペーストを禁止するサイトがある理由は、すみませんよくわかりません。なんとなくペーストはけしからんみたいなセキュリティチェックリストでもあるのでしょうか。する方法だと思います。禁止」などでググれば似たようなものがたくさんヒットします。ev.preventDefault();});これは「貼り付け」イベントが起きたら「標準の挙動(フォームに文字列を貼り付ける)を停止する」という処理です。Listenerを削除できます。サイトによってはフォームそのものではなく親要素などに設定されていることもあります。見つけたら、マウスオーバーすると出てくるRemoveボタンをクリックするだけです。ListenerをRemoveボタンで削除するもう少し省力化してみる毎度GUIで操作するのは手間です。そこで、ブックマークレットにしてみましょう。Chromeでは、以下の文字列をアドレスバーに貼り付けたり、ブックマークに登録しておいて呼び出すことで、同じような効果が得られます。true)Firefoxではアドレスバーへの貼り付けが動作しないようなので、開発者ツールのコンソール上で以下を実行するなどします。true)数多くのサイトで試したわけではないので、動かないケースも多々あると思います。その時は適宜調整が必要です。2019シェアツイートブックマークLINEこの記事を書いた人babaゆとりプログラマー。BPS設立初期に在学中から参加している最古参メンバーの一人。Rails、PHP、Androidアプリ、Windows/Macアプリ、超縦書の開発などを気まぐれにやる。Gold、AWSソリューションアーキテクト(アソシエイト)、日商簿記2級、漢検準1級などを保有。Storageを使ってはいけない(翻訳)#Tags#会社紹介#自社サービス#勉強会#Rails#PHP#デザイン#実績#週刊RailsウオッチCONTACTお気軽にご相談ください。(翻訳)CONTACTTechRachoでは、パートナーシップをご検討いただける方からのご連絡をお待ちしております。お気軽にご意見・ご相談ください。