Как я могу прикрепить к клику, когда пользователь нажимает «очистить ввод поиска» в jQuery Mobile

Question

Как вы можете видеть на этой странице jQuery mobile отображает "X" справа от введенного текста в поле поиска ввода.Как я могу прикрепить к событию click этого «X»?

Answer 1

$('.ui-input-clear').live('click', function(e){
    alert('click!');
});

Хорошая отправная точка.Я использую live, так как окно поиска не обязательно находится на странице загрузки.Это, конечно, неспецифично при использовании класса, но при необходимости можно сделать так.

Обновление: Начиная с jQuery 1.7 .live устарело в пользу .on: http://api.jquery.com/on/

$('.ui-content').on('click', '.ui-input-clear', function(e){
    alert('click!');
});​

Answer 2

свяжите click со всем этим и затем определите, что было нажато с помощью event.target, который содержит первоначально нажатый элемент, когда событие всплывает.

Простая проверка для некоторых классов.

Начните с привязки клика и прослушивания того, что щелкнуло:

$(theinput).click(function(e){
console.log(e.target);
});

Answer 3

Протестировано с jQuery 1.9 и jQuery Mobile 1.3 :

У меня есть вход внутри формы, поэтому я поместил событие в элемент внутри нее:

   <form id="frmBusqueda" action="frmBusqueda">                              
                            <input name="txtBusqueda" id="txtBusqueda" placeholder="Nombre de producto"
                                value="" type="search" data-clear-btn="false" onkeyup="activarFiltro();">
                </form>


    $('#frmBusqueda').on('click', '.ui-input-clear', function (e) {
                alert('click!');
    })