【问题标题】：How do i prevent mouse and touch events from trigger for DisplayObjects below a backdrop如何防止鼠标和触摸事件在背景下触发 DisplayObjects
【发布时间】：2019-10-13 01:00:56
【问题描述】：
我在 createjs 和 event 中有几个显示对象，我想防止鼠标和触摸事件通过它们。
我想要一个像 .mouseEnabled 或 .mouseChildren 这样简单的衬里，有什么东西会阻止下面的对象的任何其他交互。我可以尝试将所有事件添加到背景动画剪辑中，该动画剪辑会着色背景颜色并防止默认和 stopPropogation 会有所帮助吗？
那么我如何防止在画布中发生任何类型的交互，只需放置一个类似于墙的显示对象，它不会允许其他显示对象获得点击、鼠标悬停或触摸事件。
【问题讨论】：
标签：
mouseevent
easeljs
animate-cc
【解决方案1】：
您可以将obj.mouseEnabled= obj.mouseChildren = false; 添加到任何您不想接收事件的地方。
如果您只想阻止事件的顶部有一个孩子，只需添加一个鼠标处理程序。
cover.on("click", function(){});
您不需要stopPropagation，因为这只会防止事件在当前层次结构中冒泡（即，将事件呈现给其直接父级）。事件不会“通过”具有鼠标处理程序的对象。
希望有帮助！