如何确定不同mouseDown函数的触发顺序

Question

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

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

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

第二个是由 Raphael.js 创建的矩形，单击矩形时会触发该函数。

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

我有办法控制它吗？

谢谢！

Answer 1

我需要在第一个

之前触发第二个

<小时/> 在mousedown之前查看circle上的 DEMO ，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。 祝你好运