📄 拖动.txt
字号:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<script>
var isIE = /msie/i.test(navigator.userAgent);
var isFF = /firefox/i.test(navigator.userAgent);
var detlaX,detlaY,ooo;
function beginDrag(me,evt){
e = evt || window.event;
ooo = me;
document.onmousemove = move;
document.onmouseup = up;
if(isIE)me.setCapture();
if(isFF)window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
function move(evt){
e = evt || window.event;
document.getElementById("dddd").style.left = e.clientX - 20 + "px";
document.getElementById("dddd").style.top = e.clientY - 20 + "px";
}
function up(){
document.onmousemove = null;
document.onmouseup = null;
if(isIE)ooo.releaseCapture();
if(isFF)window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
</script>
</head>
<body style="overflow:hidden">bbbbbbbbbbbbbbbbbbbbbbbbb
<div id="dddd" style="position:absolute;left:100px;top:100px;width:200px;height:200px;background-color:#ffddee;" onMouseDown="beginDrag(this,event);">aaaaaaa</div>cccccccccccccccccccccccc
</body>
</html>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<script type="text/javascript">
function drag(obj,event)
{
var s = obj.style
var b = document.body
var x = event.clientX + b.scrollLeft - parseInt(s.left)
var y = event.clientY + b.scrollTop - parseInt(s.top)
var m = function()
{
s.left = event.clientX + b.scrollLeft - x
s.top = event.clientY + b.scrollTop - y
}
if (window.captureEvents)
{
var u = function()
{
window.onmouseup = null
window.onmousemove = null
window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP)
}
window.onmouseup = u
window.onmousemove = m
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP)
event.stopPropagation()
}
else
{
var u = function()
{
obj.onmouseup = null
obj.onmousemove = null
obj.releaseCapture()
}
obj.onmouseup = u
obj.onmousemove = m
obj.setCapture()
event.cancelBubble = true
}
}
</script>
<body style="margin:0px">
<div style="position:absolute;left:100px;top:100px;width:200px;height:200px;background:#ffddee" onmousedown="drag(this,event)">parent
<div style="position:absolute;left:50px;top:50px;width:100px;height:100px;background:#ddeeff" onmousedown="drag(this,event)">child</div>
</div>
</body>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -