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

时间:2016-08-28 10:52:50

标签: jquery input click submit clear

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

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

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

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

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

let u: NSURL? = 
        self.mediaItem!.valueForProperty(MPMediaItemPropertyAssetURL) as! NSURL?
if u == nil {
    return
}
$('#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');
  }
});

修改

更新,以便在按Enter键之前清除输入。