如何使用jquery / javascript触发keypress事件?

时间:2018-01-04 09:34:31

标签: javascript jquery

我有一个输入框,但没有可点击的按钮。按下输入后,将调用另一个函数。

<input type = text id="message" class="disp" placeholder="your code here " onkeypress="return newEvent(event)"></input>

但是,我不想按Enter键并希望使用jquery执行相同的事件。 jQuery将填充文本框中的值,并且将从jQuery本身触发onkeypress事件以执行相同的事件。

以下是我写的js代码:

var value="my text";
 $('#message').val(value);   
    $('#message').addEventListener('keypress',function(){
        alert("key pressed")
    }); 

我想在填充输入值后立即触发keypress。目前,发生的事情是该值已填充但我必须在此之后按Enter键。

有没有办法这样做? 感谢

3 个答案:

答案 0 :(得分:1)

纯JavaScript或人们称之为vanilla JS

 document.getElementById('message')
   .addEventListener('keypress',function(){ 
     // your function code
   });

JQuery的

 jQuery('#message').on('keypress',function(){
  //your function code
 });

答案 1 :(得分:0)

如果要对任何元素进行按键

,请将$( "#message" )替换为文档
$( "#message" ).keypress(function() {
  console.log( "Handler for .keypress() called." );
});

答案 2 :(得分:0)

通过调用以下功能,您可以触发按键

$(function() {
  $('item').keydown();
  $('item').keyup();
  }

你也可以试试这个

 $('item').trigger('keypress', {which: 'A'.charCodeAt(0)});