setCapture和releaseCapture的小应用

来源：互联网发布：m1216nfh扫描软件编辑：程序博客网时间：2024/06/01 07:11

ie6-ie8的事件捕获测试：

<HTML>
    <head>
        <title>setCapture</title>
        <SCRIPT LANGUAGE="JavaScript">
        <!--
            function downit()
            {
                a.innerText +='down';
                document.getElementById("divMain").setCapture();
                document.getElementById("divMain").attachEvent("onmousemove",moveit);
                document.getElementById("divMain").attachEvent("onmouseup",upit);
                document.getElementById("divMain").attachEvent("onlosecapture",lostit);

            }
            function lostit(){
                 a.innerText +='lost';

document.getElementById("divMain").detachEvent("onlosecapture",upit3);

}

function clickit(){a.innerText +='clickit';};
function moveit(){a.innerText +='move';}

            function upit(){
                 a.innerText +='up';
                 document.getElementById("divMain").detachEvent("onmousemove",moveit);
                 document.getElementById("divMain").detachEvent("onmouseup",upit);
                 document.getElementById("divMain").releaseCapture();

            }
            function cancelit(){
                document.getElementById("divMain").releaseCapture();
            }

        //-->
        </SCRIPT>
    </head>
    <BODY>
        <div id="divMain" style="width:500px;height:400px;border:2px solid red;padding:2px" onmousedown="downit();">

         在这个块中移动按住鼠标左键移动

</div>
<div id="aaaaa" >

</div>
<script>
var a=document.getElementById('aaaaa');
</script>
</BODY>
</HTML>

0 0