[DHTML]讓人郁悶的mouse Capture，為什麼總是隻能執行一個事件，不能執行後續的事件？

關于mouse capture的介紹：

<a href="http://msdn2.microsoft.com/en-us/library/ms537630.aspx">http://msdn2.microsoft.com/en-us/library/ms537630.aspx</a>

msdn for VS2005: ms-help://MS.MSDNQTR.v80.chs/MS.MSDN.v80/MS.WEBDEV.v10.en/dhtml/workshop/author/dhtml/overview/mousecapture.htm

按照上面的介紹："All mouse events fire on an object with setCapture"，但下面代碼的測試結果是：

1. 頁面加載時，就會執行test2的onmousemove事件(我把滑鼠移出IE，按F5重新整理還是會彈出'move')，為什麼加載時就會執行該事件？該事件是怎麼觸發的？

2. 若保留test2的onmousemove事件(相對下面的3而言)，則滑鼠點選空白地方，不會彈出任何框，為什麼執行了onmouseover事件就不能執行其他事件了？；

3. 若去掉test2的onmousemove事件，當滑鼠點選空白地方，隻有第一次點選會彈出'2'，以後都不會彈出‘1’或‘2’，為什麼隻有第一次可以彈出來？

4. setCapture()據說可以帶參數true或false(The setCapture method accepts an optional Boolean value. By default, the Boolean value is true and the object with mouse capture will fire all events, regardless of the origin. Setting the Boolean to false will cause the object with mouse capture to fire only events contained within it.)，但true和false的測試結果是一樣的，不知道究竟有啥差別？

 1

&lt;HTML&gt;

 2

&lt;body onload="loadBody()"&gt;

 3

        Test1&lt;br/&gt;

 4

    &lt;p id=test1 style="background-color:red" onclick="click1()"&gt;Test&lt;/p&gt;&lt;br/&gt;

 5

    &lt;p id=test2 style="background-color:red" onclick="click2()" onmousemove="move()"&gt;Test&lt;/p&gt;&lt;br/&gt;

 6

    Test2&lt;br/&gt;

 7

&lt;/BODY&gt;

 8

&lt;script&gt;

 9

    function loadBody()

10

    {

11

        document.all.test1.setCapture();        

12

        document.all.test2.setCapture();

13

    }

14

15

    function click1()

16

17

        alert('1');        

18

19

20

    function click2()

21

22

        alert('2');

23

24

25

    function move()

26

27

        alert('move');

28

29

&lt;/script&gt;

30

&lt;/HTML&gt;

本文轉自Silent Void部落格園部落格，原文連結：http://www.cnblogs.com/happyhippy/archive/2007/07/12/815959.html，如需轉載請自行聯系原作者