创建清除字段按钮并提交空值

Question

我有一个文本框，用作一组同位素项目的搜索过滤器。

我想要一个简单的按钮，当单击它时，会清除输入到文本框中的文本，但也会复制与在键盘上按“Enter”相同的内容。目前只是清除文本并没有注册同位素排序，所以我需要它在清除值后复制按“Enter”键。

$('#clear_input').click(function () {
$('#quicksearch').focus();
$('#quicksearch').val('');
// something here to replicate pressing enter inside #quicksearch

有什么想法吗？

Answer 1

试试这个：http://codepen.io/anon/pen/QEZaaV

$('#clear_input').click(function () {
  $('#quicksearch').focus();
  $('#quicksearch').val('');
  
  setTimeout(function() {
    var e = jQuery.Event("keypress");
    e.which = 13;
    e.keyCode = 13;
    $("#clear_input").trigger(e);
  }, 10);
});

$('#clear_input').on( "keypress", function(event) {
  if (event.which == 13 && !event.shiftKey) {
    event.preventDefault();
    alert('Enter key fired');
  }
});

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<input type="text" id="quicksearch">
<button type="button" id="clear_input">Search</button>

编辑：

已更新，因此在按 Enter 之前会清除输入。