0

Имею код, которые срабатывает на событие 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">

4
  • $('#foo').on('keyup', function(){}); в таком виде подходит (происходит при отпускании кнопки)? Так же есть $('#foo').on('input', function(){}); происходит при вводе любого значения в input 7 мая 2019 в 9:37
  • Нет, мне бы не хотелось менять код со слушателем события
    – kizoso
    7 мая 2019 в 9:39
  • чтото не пойму....тоже самое только на EventListener? 7 мая 2019 в 9:41
  • Мне нужно не нажимая физически кнопку вызвать это событие.
    – kizoso
    7 мая 2019 в 9:42

3 ответа 3

2

Нет такого события '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">

0
1

$(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" />

4
  • нужно имитировать событие не нажимая на кнопку
    – kizoso
    7 мая 2019 в 9:54
  • @kizoso хорошо, а когда тогда оно должно происходить? При загрузке странички? 7 мая 2019 в 9:55
  • да, при загрузке
    – kizoso
    7 мая 2019 в 9:56
  • 1
    @kizoso поправил 7 мая 2019 в 9:57
0

Нужно одно событие в trigger передавать. Так работает:

$('#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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.