setCapture和releaseCapture的小应用

最新推荐文章于 2022-03-10 17:34:41 发布

sinat_23678421

最新推荐文章于 2022-03-10 17:34:41 发布

阅读量328

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/sinat_23678421/article/details/41351061

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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" οnmοusedοwn="downit();">

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

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

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