当前位置：首页 → 问答吧 → 拖动的时候，怎么才能不选择文字

拖动的时候，怎么才能不选择文字

时间：2009-11-04

来源：互联网

在此代码上修改

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style type="text/css">
#div2
{
    position:absolute;
    width:200px;
    height:90px;
    border:1px solid #999999;
    background-color:#CCCCCC;
    text-align:center;
    line-height:400%;
    font-size:13px;
}
</style>
<script type="text/javascript" language="javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript">

var _move=false;
var _x,_y;

$(document).ready(function(){
    $("#div2").click(function(){
        //alert("click");
    }).mousedown(function(e){
        _move=true;
        _x=e.pageX-parseInt($("#div2").css("left"));
        _y=e.pageY-parseInt($("#div2").css("top"));
        //alert(_x+":"+_y);
    });
    $(document).mousemove(function(e){
        if(_move){
            var x=e.pageX-_x;
            var y=e.pageY-_y;
            $("#div2").css({top:y,left:x});
        }
    }).mouseup(function(){_move=false;});
});
</script>
</head>

<body>

    <div id="div2" style="left:80px;top:230px;">这个块的所有地方都支持拖拽</div>

</body>

</html>

作者: douzhi9124 发布时间: 2009-11-04

支持一下，有人会吗？能兼容所有浏览器的

作者: douzhi9124 发布时间: 2009-11-06

用jQuery UI，看draggable的例子

作者: keakon 发布时间: 2009-11-07