1. ホーム
  2. jquery

クリックと入力でイベントを発生させる

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
        }
    });

});

デモ