如何確定不同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甚至在window's之前window's circle觸發。

 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 。 祝好運