在html里鼠标拖动图片如何拖动到图片边缘以后，就不再能拖动？

html-css010

在html里鼠标拖动图片如何拖动到图片边缘以后，就不再能拖动？,第1张

你是从网上下个这样的效果，然后有BUG是么，不是你自己写的对么，第一个问题，如果你不想拖出去的话，拖动时，当X和Y值大于你这个DIV最大的那个值，也就是，到最边的时候，值就等于那个最边，这样就不会出去了，第二个问题，他应该是，把拖动时的值显示出来了，你不想要的话，在JS把那一句给删除就可以了，如果不知道在哪，用个笨方法，用CSS把那个DIV隐藏，或用个DIV把他盖住，就行了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<style>

#div1 {width:100px height:100px background:red position:absolute}

</style>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>无标题文档</title>

<script>

document.onmousemove=function (ev)

{

    var oEvent=ev||event

    var oDiv=document.getElementById('div1')

    

    oDiv.style.left=oEvent.clientX+'px'

    oDiv.style.top=oEvent.clientY+'px'

}

</script>

</head>

<body>

<div id="div1">

</div>

</body>

</html>