Question

我在与输入交互时使用以下内容做某事

$('input[name=hello]').on('input', function() {

...

});

是否可以触发加载功能内部的内容？我试过......

$('input[name=hello]').trigger();

或者

$('input[name=hello]').keypress();

......它不起作用。目的是在输入事件内部运行任何内容而无需重新声明它。

Answer 1

$(function(){

  function inputTriggered(e) {
    // May want to add a way to reduce excessive calls
    console.log('Triggered');
  }
  
  // Listen for a bunch of interactions
  $(document).on('click keydown blur focus', 'input', inputTriggered);

  // Trigger on load
  $('input[name=A]').trigger('click');

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<p>
<input name="A" value="A">
</p>

<p>
<input name="B" value="B">
</p>

Answer 2

我决定详细说明我之前的评论。如何在另一个函数内分离$(document).ready(function(){ //The behaviour you desire function behaviour(){ console.log('activated'); } $('input[name=hello]').on('input', behaviour); //Bind your function to the event behaviour(); //Execute your function when the page loads });的行为。完成后，您只需在文档就绪函数上调用该函数。通过这种方式，你也可以在闲暇时使用这种行为。

{{1}}

Answer 3

.trigger()采用任何JavaScript事件类型。如果您正在听input，只需触发一个input：

$('input[name=hello]').trigger('input');

Jquery在加载时触发输入事件

3 个答案: