Вставьте подтверждение() в событие клика jQuery, в котором у меня нет контроля над

Question

. В нашем веб-приложении, когда мы загружаем документ, в конце есть изображение для удаления, после нажатия которого удаляется загруженный документ , Проблема заключается в том, что пользователи часто нажимают на значок непреднамеренно, и они даже не знают, что они что-то удалили.

код для события OnClick является

<input type="image" name="xxxxxgbcremove" id="xxxxxgbcremove" class="RemoveImage" src="..." alt="Delete" onclick="$find('xxxfieldIDxxx').removeValue(xxxx); ;" style="border-width:0px;Display:Block;"> 

Я хочу, чтобы вставить функцию подтверждения(), когда изображение щелкнули, пользователи могут выбрать да или нет, чтобы продолжить или отменить удаление. проблема в том, что у меня нет контроля над приведенным выше кодом. Но у меня есть возможность добавлять новые скрипты.

Я попытался развязать клик, но не работал.

$(document).ready(function() { 
$("[id$='remove']").unbind('click'); 
}); 

Как мне «вставить» подтверждение() в событие onclick, которое появилось в приложении? В идеале исходное событие onclick должно быть временно остановлено до того, как пользователь примет решение в поле confirm(), если пользователь нажмет «да», а затем выполните процедуру удаления оригинала.

Спасибо!

Answer 1

Встроенные обработчики событий не может быть отключена JQuery-х unbind(), вам нужно изменить обработчик инлайн и добавить любой код, который нужно:

$(document).ready(function() { 
    var myOnclick = $("[id$='remove']").attr('onclick'); 
    $("[id$='remove']").attr('onclick', 'if (confirm("Continue")) ' + myOnclick); 
}); 

Имейте в виду, что ваш селектор может соответствовать более одного элемента , и тогда вам нужно будет итератировать.

EDIT:

Или, если есть более чем один элемент:

$(document).ready(function() { 
    $("[id$='remove']").each(function(i, ele) { 
    $(ele).attr('onclick', 'if (confirm("Continue")) ' + $(ele).attr('onclick'); 
    }); 
}); 

Answer 2

это работает ?:

onclick="if (confirm('my message')) $find('xxxfieldIDxxx').removeValue(xxxx);"