分层元素一键触发2个事件 - 角

我对移动web项目使用angular。我有一个基本的共享按钮，当点击一个共享模式弹出。共享模式的“关闭”按钮位于实际共享按钮（较高z-index）之上。共享模式是从外部HTML生成的，所以我不能使用ng-click指令。作为一个变通我使用以下命令：分层元素一键触发2个事件 - 角

document.querySelector('#shareContent .shareClose').addEventListener('touchend', function(e){ 

    e.stopPropagation(); 
    $scope.$apply(function(){ 
     $scope.showShareOverlay = false; 
    }) 
    console.log("closing the share", $scope.showShareOverlay) 
})

我的问题是，当我touchend的.shareClose按钮，模态的一瞬间再次呈现前关闭。不知何故，触摸事件正在传输到下面的分享按钮以再次启动模式。无论如何，防止事件流血到分享按钮？

来源

2014-06-11 Dan Ramos

这应该不停止事件传播。你可以进行一个没有角度的实验，并且看到这个行为是由框架引起的吗？ – Winchestro

我和Android股票浏览器有类似的问题。无论是关闭按钮下方的模式，点击关闭按钮后也会立即点击。

在应用程序上使用fastclick库可以防止此行为发生，大概是由于其处理点击事件的具体方式。

来源

2014-06-12 06:48:16

分层元素一键触发2个事件 - 角

回答

相关问题