为了账号安全,请及时绑定邮箱和手机立即绑定

窗口随鼠标拖拽移动,没有效果

/ 猿问

窗口随鼠标拖拽移动,没有效果

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

<style type="text/css">

    html,body{

        margin:0;

        padding: 0;

        width: 100%;

        height: 100%;

    }

   h1{

    position: relative;

    margin: 0 auto;

    /*text-align: center;*/

    top:50%;

    transform:translateY(-50%);

   } 

   .move_out{

    position: relative;

    cursor:pointer;

   }

</style>

</head>

<script type="text/javascript">

    var move_out=false;

    var z,x,y;

    function move(){

        if(event.button==move_out){

            z.style.pixelLeft=temporarily1+clientX-x;

            z.style.pixelTop=temporarily2+clientY-y;

            return false

        }

    }

    function down(){

        if(event.srcElement.className=="move_out"){

            move_out=true;

            z=event.srcElement;//当前事件源

            temporarily1=z.style.pixelLeft;

            temporarily2=z.style.pixelTop;

            x=event.clientX;

            y=event.clientY;

            document.onmousemove=move;

        }

        else{

            move_out=false;

        }

    }

    document.oumousedown=down;

</script>

<body>

    

        <!-- <h1>Follow me!</h1> -->

    <font>Fllow me!</font>    

    

</body>

</html>


查看完整描述

5 回答

?
IVWEB_Jeremygao

oumousedown ?  是我屏幕的像素点排列错了吗?

查看完整回答
反对 回复 2017-09-01
?
宝慕林5251960

明天给你我写的

查看完整回答
反对 回复 2017-08-30
?
cnyballk

你哪看来的,你真得明白函数事件这些事情吗,好好看js基础先吧

查看完整回答
反对 回复 2017-08-28
?
冬二二二

你的代码我看着挺懵逼的……代码贴全了么?你的event哪里来的?也没见函数传参

查看完整回答
反对 回复 2017-08-28
?
anet

html5自带拖放

查看完整回答
反对 回复 2017-08-27

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信