最近項目需要在頁面彈窗的時候需要點擊彈窗區域外的地方,其實也就是點擊頁面HTML就可以關閉彈窗, 首先在controller通過js獲取到html的dom節點,然後綁定點擊事件,話不多說上代碼: var htmlEl = angular.element(document.querySelector( ...
最近項目需要在頁面彈窗的時候需要點擊彈窗區域外的地方,其實也就是點擊頁面HTML就可以關閉彈窗, 首先在controller通過js獲取到html的dom節點,然後綁定點擊事件,話不多說上代碼: var htmlEl = angular.element(document.querySelector('html')); htmlEl.on('click', function (event) { if (event.target.nodeName === 'HTML') { if (myPopup) { myPopup.close(); } } }); var myPopup; $scope.myPP=function(){ myPopup=$ionicPopup.show({ template:"Hello world", scope:$scope, title:"Tips", }); }