[解決済み】HTML5入力の「検索」のクリアを検出する方法は?
2022-04-14 21:14:03
質問
HTML5では
search
入力タイプには、テキストボックスをクリアするための小さなXが右側に表示されます(少なくともChromeでは、おそらく他でも)。このXがクリックされたことをJavascriptまたはjQueryで検出する方法は、ボックスがクリックされたときに検出するか、ある種の位置クリック検出(x-position/y-position)を行う以外にあるでしょうか?
どのように解決するのですか?
実は、ユーザーが検索したときや、"x"をクリックしたときに発生する"search"というイベントがあるんです。これは、"incremental" 属性を理解しているので、特に便利です。
さて、そうは言っても、"onclick"をハックしない限り、"x"をクリックすることと検索することの違いがわかるかどうか、わかりませんね。いずれにせよ、これが役に立つことを願っています。
関連
-
JSアレイループと効率解析の比較
-
[解決済み】awaitは非同期関数でのみ有効です。
-
[解決済み】JavaScriptでインラインIF文の書き方は?
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] セレクタの子を取得する方法は?
-
[解決済み] モバイル端末の検出にはどのような方法がありますか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
vue for 登録ページ効果 vue for sms 認証コードログイン
-
JavaScriptのクロージャの説明
-
vueディレクティブv-bindの使用と注意点
-
[解決済み] 配列の結合時に未定義のプロパティ 'push' を読み込むことができない
-
[解決済み】"フォームが接続されていないため、フォームの送信がキャンセルされました "というエラーの取得について
-
[解決済み】Node.jsで "Cannot find module "エラーを解決するには?
-
[解決済み】TypeError: Router.use() はミドルウェアの関数を要求しているが、Object を取得した。
-
[解決済み】「.addEventListener is not a function」なぜこのエラーが発生するのか?
-
JSクリックイベント - Uncaught TypeError: プロパティ 'onclick' に null を設定できません。
-
[解決済み】入力テキスト内のアイコンを消去する