有没有办法在jquery mobile中处理文本输入上的清除事件

Question

我正在使用带有数据清除选项的文本输入。有没有办法处理clear事件，所以我可以执行一些清理任务？

<input type="text" name="txbAppraisalAmount" id="txbAppraisalAmount" value="" data-clear-btn="true" data-mini="true"/>

Answer 1

将事件附加到.ui-input-clear。

$(document).on("pagecreate", function () {
  $(".ui-input-clear").on("click", function() {
    /* do what you want */
  });
});

  

<强> Demo

Answer 2

这将处理包含清除的值更改（尽管不在用户输入中）：

$('#textInput').on('change', function() {
    /* ... */
});

如果您只想处理清除，可以在回调中检查空值：

$('#textInput').on('change', function() {
    if($(this).val() === '') {
        /* ... */
    }
});

如果您想要处理值更改并清除，无论用户是否正在键入：

$('#textInput').on('change input', function() {
    if($(this).val() === '') {
        /* ... */
    }
});