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

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之前输入将被清除。