В моем приложении есть два элемента. один элемент автозаполнения и другой кнопка.
Моя проблема в том, что в Chrome на рабочем столе - jquery onChange элемента автозаполнения [#COUNTRY_LIST] запускается под кнопкой ng-click. но в мобильном Android-браузере Chrome сначала запускается ng-click и вызывается onChange. Есть ли способ предотвратить onChange при срабатывании ng-click.
Элемент автозаполнения и его идентификатор COUNTRY_LIST
<input type="text" ng-model="data.ctList" id="COUNTRY_LIST" placeholder="Key in to auto search"/>
$(document).on("change","#COUNTRY_LIST", function (e) {
var $scope = angular.element(document.getElementById("DATA")).scope();
$scope.$apply(function() {
// make clear selected country list
// In desktop chrome - this function calls before COUNTRY_LIST change
// In Android mobile chrome - this function calls afterCOUNTRY_LIST change
});
});
Следующий элемент Button
<button type="button" ng-click="callNext()">Next</button>
$scope.callNext= function() {
// In Android mobile chrome - this function calls before COUNTRY_LIST change
// In desktop chrome - this function calls after COUNTRY_LIST change
}