redirect not working press enter key from keyboard

Question

Check the code bellow. When i enter some keyword in input field and press Search button its successfully redirecting to youtube url but if i press enter then this not redirecting however i used .click() method for enter press. How can i fix it? I want redirection on press enter key from keyboard and also press search button. How can i fix it?

$(document).ready(function () {
  $(document).on("keypress", function(e){
      $("#srcBtn").click();
  });

  $('#srcBtn').on('click', function () {
      var srcValue = $('#srcValue').val();
      var youtubeUrl = 'https://www.youtube.com/results?search_query=';
      //console.log(srcValue);
      window.open(youtubeUrl+srcValue,"_self");
  });    
});

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    
<div class="container">
  <form method="get" action="">
    <br/>
    <br/>
    <br/>
    <div style="text-align:center;">
      <input type="text" class="form-group form-control input-lg" id="srcValue" value="" placeholder="Search YouTube">
      <button type="button" class="btn btn-info btn-lg" id="srcBtn">Search</button>
    </div>
  </form>
</div>

Possible duplicate of [How to detect pressing Enter on keyboard using jQuery?](https://stackoverflow.com/questions/979662/how-to-detect-pressing-enter-on-keyboard-using-jquery) — Calvin Nunes, Oct 02 '18 at 13:27

Shyam Kumar · Answer 1 · 2018-10-02T13:50:28.203

0

instead of calling just click please use trigger("click")

$(document).ready(function () {

 $(document).on("keypress", function(e){
if(e.key ==  'Enter') {
   $("#srcBtn").trigger("click");
}

        });


        $('#srcBtn').on('click', function () {
            var srcValue = $('#srcValue').val();
            var youtubeUrl = 'https://www.youtube.com/results?search_query=';
            //console.log(srcValue);
            window.open(youtubeUrl+srcValue,"_self");
        });

        });

edited Oct 02 '18 at 13:50

answered Oct 02 '18 at 13:26

Shyam Kumar

148
9

No now if i try to write keyword then page not wait to hit enter from keyboard. plz check the code – John Doe Oct 02 '18 at 13:29
nothing wrong, but since there's a lot of answers like this in SO, you don't need to answer, you can just flag the question as duplicate of – Calvin Nunes Oct 02 '18 at 13:29
I specified the use trigger – Shyam Kumar Oct 02 '18 at 13:31
can you please try using e.key == 13, does it help? – Shyam Kumar Oct 02 '18 at 13:33
No its not redirecting on enter pressed. Check your self – John Doe Oct 02 '18 at 13:56
@JohnDoe This is a perfectly good answer to your question: https://stackoverflow.com/a/979686/7511173 – HelgeFox Oct 02 '18 at 13:56
@HelgeFox read my question first. I want redirect on press enter and its not redirecting. I am not telling how to use key 13 – John Doe Oct 02 '18 at 14:00
@JohnDoe have you tried e.key == 'Enter' . Try the code above , it works for me – Shyam Kumar Oct 02 '18 at 14:01
@JohnDoe read the content of the link. It *clearly* states it is about the "Enter" key. Key 13 **IS** the "Enter" key. Your question is a duplicate. – HelgeFox Oct 02 '18 at 14:09
@HelgeFox YES but then he had to compare it to `event.keyCode` not to `event.key` – Elias Oct 02 '18 at 14:30

score 0 · Accepted Answer · answered Oct 02 '18 at 14:25

I would prefer doing the search part in a function and triggering that. And not some weird "button per code clicking". Buttons are for humans to trigger code and not the other way around ^^

$(document).ready(function () {
  $(document).on("keypress", e => {if(e.key == "Enter") searchYoutube()});
  $('#srcBtn').on('click', searchYoutube);
  function searchYoutube() {
    var srcValue = $('#srcValue').val();
    var youtubeUrl = 'https://www.youtube.com/results?search_query=';
    //console.log(srcValue);
   window.open(youtubeUrl+srcValue,"_self");
  }
});

redirect not working press enter key from keyboard

2 Answers2