クリックと入力でイベントを発生させる
2023-08-09 13:18:58
質問
私は私のサイトに検索ボックスを持っています。 現在、ユーザーはjqueryのpostを介して検索するためにボックスの横にある送信ボタンをクリックする必要があります。 私は、ユーザーが検索するためにエンターキーを押すようにしたいと思います。 私はこれを行うにはどうすればよいですか?
JQUERYを使用しています。
$('document').ready(function(){
$('#searchButton').click(function(){
var search = $('#usersSearch').val();
$.post('../searchusers.php',{search: search},function(response){
$('#userSearchResultsTable').html(response);
});
});
});
HTMLです。
<input type='text' id='usersSearch' /><input type='button' id='searchButton' value='search' />
どのように解決するのですか?
使用方法
keypress
イベントを
usersSearch
テキストボックスで
入力
ボタンを探します。Enterボタンが押されたら、検索ボタンのクリックイベントをトリガーして、残りの作業を行います。これを試してみてください。
$('document').ready(function(){
$('#searchButton').click(function(){
var search = $('#usersSearch').val();
$.post('../searchusers.php',{search: search},function(response){
$('#userSearchResultsTable').html(response);
});
})
$('#usersSearch').keypress(function(e){
if(e.which == 13){//Enter key pressed
$('#searchButton').click();//Trigger search button click event
}
});
});
関連
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] jQueryのイベントハンドラを削除する最良の方法?
-
[解決済み] jQuery 複数のイベントで同じ関数を起動する
-
[解決済み] javascript(またはjQuery)を使って::beforeや::afterなどのCSS疑似要素を選択し、操作する。
-
[解決済み] jQuery チェックボックスの変更とクリックイベント
-
[解決済み] jQueryでtextareaの値を設定する
-
[解決済み] jquery input select all on focus
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] テキストボックスのEnterキーで、JavaScriptでボタンクリックをトリガーする
-
[解決済み] jQuery hasAttrで要素に属性があるかどうかをチェックする【重複あり
-
[解決済み] jQuery UI DatePicker - 日付フォーマットの変更
-
[解決済み] 変更イベントでradioを使用するには?
-
[解決済み] チェックボックスがチェックされた場合のjQuery
-
[解決済み] jQueryで'Enter'でフォームをサブミット?
-
[解決済み] jQueryでフォームフィールドをクリアする
-
[解決済み] JSONPとは何か、素人目にもわかるように説明してくれる人はいませんか?[重複)。
-
[解決済み] jQueryでval()がchange()をトリガーしない
-
[解決済み】jQueryのテンプレートエンジン【終了しました