javascript - 如何决定不同mouseDown函数的触发顺序

Question

我有两种功能可以检测mousedown事件并触发一些功能。

1. window.onmousedown = function(...)

2. Raphael object:
var rec = paper.rect(10,10,10,10)
rec.mousedown(...)

第二个是创建的矩形Raphael.js，单击矩形时将触发该功能。

我需要在第一个之前触发第二个，但是似乎这两个功能的触发顺序是由浏览器随机决定的？

我有什么办法控制它！？

谢谢！！

Answer 1

我需要在第一个之前触发第二个

---

看DEMO，mousedown竟然就触发了circle之前window's。

window.onmousedown = function()
{
    alert('Yes');
}

var paper = new Raphael(document.getElementById('paper'),500,400);

var circle = paper.circle(100,100,50).attr({fill:'orange', stroke:'green', 'stroke-width':3});
circle.mousedown(function() {
    alert('No');
    this.attr({fill:'green', stroke:'red', 'stroke-width':3});
});

circle.mouseout(function() {
    this.attr({fill:'orange', stroke:'green', 'stroke-width':3});
});

点击圆圈，看到alerts. 祝你好运