Develop의 Tistory

Language/Mobile

[Hybrid/Ionic]Windows Platform일 ng-click 이벤트 관련 더블클릭 방지

소소한 늙은 개발자의 메모장 2016. 11. 4. 11:41
반응형
(追記) (追記ここまで)
출처 : https://github.com/driftyco/ionic/issues/2885



window.addEventListener('click', function(event) {
 if (Object.prototype.toString.call(event) == '[object PointerEvent]') {
 event.stopPropagation();
 }
}
, true);


또는


ionic.Platform.isIE = function () {
return ionic.Platform.ua.toLowerCase().indexOf('trident') > -1;
}

if (ionic.Platform.isIE()) {
angular.module('ionic')
.factory('$ionicNgClick', ['$parse', '$timeout', function ($parse, $timeout) {
return function (scope, element, clickExpr) {
var clickHandler = angular.isFunction(clickExpr) ? clickExpr : $parse(clickExpr);

element.on('click', function (event) {
scope.$apply(function () {
if (scope.clicktimer) return; // Second call
clickHandler(scope, { $event: (event) });
scope.clicktimer = $timeout(function () { delete scope.clicktimer; }, 1, false);
});
});

// Hack for iOS Safari's benefit. It goes searching for onclick handlers and is liable to click
// something else nearby.
element.onclick = function (event) { };
};
}]);
}

(削除) (削除ここまで)

반응형
(追記) (追記ここまで)

'Language > Mobile' 카테고리의 다른 글

[Hybrid/Ionic]Windows Platform에서 alert 객체 대체 (1) 2016年11月04日

'Language/Mobile'의 다른글

티스토리툴바

AltStyle によって変換されたページ (->オリジナル) /