主页 / 问题 / 978906
Accepted
kizoso
Asked:2020-05-07 17:31:10 +0000 UTC2020-05-07 17:31:10 +0000 UTC

如何模拟“更改键位”事件

  • 772

我有触发事件的代码on('change keyup'。您需要模拟此事件才能运行此代码。我尝试了一个触发器，我知道它应该与 一起工作bind，但是通过它的调用看不到事件。而且我根本不想更改 EventListener。是否可以模拟按键事件？

$('#foo').on('change keyup', function(){
  alert('Произошло событие change keyup')
});

window.onload = function(e){     
  function writeText(){
    $('#foo').trigger('change keyup');
  }
  setTimeout(writeText, 500);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="text" id="foo" value="123">

javascript

3 个回答

  1. 没有这样的事件'change keyup'，有两个事件'change'和'keyup'，您只需在构造中同时定义它们on；并且trigger应该单独调用它们，例如：

    $('#foo').on('change keyup', function(){
  alert('Произошло событие change keyup')
});

window.onload = function(e){     
  function writeText(){
    $('#foo').trigger('change'); // тут вызываем или change или keyup
  }
  setTimeout(writeText, 500);
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="text" id="foo" value="123">

    • 2 

  2. $(document).ready(function(){
  $("#inp").trigger({type: 'input', which: 13, keyCode: 13});
});

$("#inp").on('input',function(){
  alert("123");
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="btn">test</button>
<input type="text" id="inp" />

    • 1
  3. Best Answer

    需要在触发器中传输一个事件。这是它的工作原理：

    $('#foo').on('change keyup', function(){
  alert('Произошло событие change keyup')
});

window.onload = function(e){     
  function writeText(){
    $('#foo').trigger('change');
  }
  setTimeout(writeText, 500);
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="text" id="foo" value="123">

    • 0

相关问题