Question

我有一个透明背景的画布位于另一个画布之上，并希望鼠标事件由两个元素注册。但是，上部画布可防止任何鼠标事件到达较低的事件。什么是最好的方法？

     <div class="outer">
      <div class="inner" id="canvas_container_1"></div>  
      <div class="inner" id="canvas_container_2"></div>   
     </div>

Answer 1

两者，你的意思是2个内部画布吗？

如果是=那么只需在“内部”类上添加一个事件监听器：

$('.outer').on('click','.inner',function() { ... })

Answer 2

您可以做的是模拟所有元素的触发器：http://jsfiddle.net/AzNQb/。

var handler = function(e) {
    // the actual handler
    console.log(e.pageX, this);
};

$(".inner").on("mousedown", function(e) {
    var args = arguments;
    var value;
    $(".inner").each(function() {
        // call handler for each element; preserve `return false` functionality
        if(handler.apply(this, args) === false) {
            value = false;
            return false;
        }
    });
    return value;
});

堆积画布事件

2 个答案: