dragObj = document.form1.block1;
应该写成
dragObj = document.all.block1;
应该写成
dragObj = document.all.block1;
解决方案 »
- 关于在表单提交之前弹出遮罩层消息框的做法
- 请问javascript的nodeValue和value的区别?
- 关于js文件偶尔加载不上问题
- mousedown和mouseover不能同时执行吗?
- 请问,怎么读取数据库的纪录,播放 mp3文件, 按下 “上集”“下集”,然后让播放器播放下一个?
- How to make my onmouseover function and onmouseout function work?
- 求循环显示图片并可以通过按钮控制的代码.
- 请问怎样用javaScript控制回车换行的距离?(在线等)
- 如何只允许操作当前活动窗口
- js同一项目中不同路径取cookie
- 有谁会用navigator.Online,具体点!在线给分!
- ASCII码的问题(难道javascript没有这个功能?)
var dragObj = document.form1.block1;
试试看
应该写成
dragObj = document.all.block1;
dragObj = document.all("block1");
就可以了。
我是想用鼠标拖动控件,按照各位大侠的提示,已经可以将<span>标签内的内容拖动,但我想将一个Button拖动,如何实现??代码如下:
<HTML>
<HEAD>
<TITLE>Drag and Drop Internet Explorer 4</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
drag = 0
move = 0
var dragObj = Null;function init() {
window.document.onmousemove = mouseMove
window.document.onmousedown = mouseDown
window.document.onmouseup = mouseUp
window.document.ondragstart = mouseStop
}function mouseDown() {
if (drag) {
clickleft = window.event.x - parseInt(dragObj.style.left)
clicktop = window.event.y - parseInt(dragObj.style.top)
dragObj.style.zIndex += 1
move = 1
}
}function mouseStop() {
window.event.returnValue = false
}function mouseMove() {
if (move) {
dragObj.style.left = window.event.x - clickleft
dragObj.style.top = window.event.y - clicktop
}
}function mouseUp() {
move = 0
}function mouseOver(){
dragObj = document.all.block1;
//alert(obj);
drag = 1;
}//-->
</SCRIPT>
</HEAD><BODY onLoad="init()">
<form name="form1">
<input type=button id="button1" value="Submit" onMouseOver="mouseOver()" onMouseOut="drag=0">
<span ID="block1" onMouseOver="mouseOver()" onMouseOut="drag=0" lzh</span>
</form>
</BODY></HTML>
<HEAD>
<TITLE>Drag and Drop Internet Explorer 4</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var drag = 0
var move = 0
var dragObj = null;function init() {
window.document.onmousemove = mouseMove
window.document.onmousedown = mouseDown
window.document.onmouseup = mouseUp
window.document.ondragstart = mouseStop
}function mouseDown() {
if (drag) {
clickleft = window.event.x - parseInt(dragObj.style.pixelLeft)
clicktop = window.event.y - parseInt(dragObj.style.pixelTop)
dragObj.style.zIndex += 1
move = 1
}
}function mouseStop() {
window.event.returnValue = false
}function mouseMove() {
if (move) {
dragObj.style.pixelLeft = window.event.x - clickleft
dragObj.style.pixelTop = window.event.y - clicktop
}
}function mouseUp() {
move = 0
}function mouseOver(){
dragObj = document.all.block1
drag=1;
}//-->
</SCRIPT>
</HEAD><BODY onLoad="init()">
<form name="form1">
<span style=cursor:hand;position:absolute;left:100;top:100; ID="block1" onMouseOver="mouseOver()" onMouseOut="drag=0"> <input type=button id="button1" value="Submit" onMouseOver="mouseOver()" onMouseOut="drag=0">
</span>
</form>
</BODY></HTML>
<HEAD>
<STYLE>
#aDiv {
position: absolute;
left: 200px;
top: 0px;
width: 20px;
height: 100px;
background-color: blue;
layer-background-color: blue;
}
</STYLE>
<SCRIPT>
var dragElement;
var elY,elX;
var mouseDownX,mouseDownY;
function getPageY (element) {
var y = 0;
var x = 0;
do
y += element.offsetTop;
while ((element = element.offsetParent));
return y;
}
function getPageX (element) {
var x = 0;
do
x += element.offsetLeft;
while ((element = element.offsetParent));
return x;
}
function startDrag (element, evt) {
dragElement = element;
elX = getPageX (dragElement);
mouseDownX = evt.clientX;
elY = getPageY (dragElement);
mouseDownY = evt.clientY; document.onmousemove = drag;
}
function drag (evt) {
if (document.layers)
dragElement.top = elY + evt.pageY - mouseDownY;
else if (document.all)
{dragElement.style.pixelTop = elY + event.clientY - mouseDownY;dragElement.style.pixelLeft = elX + event.clientX - mouseDownX;}
}
function stopDrag () {
document.onmousemove = null;
dragElement = null;
if (document.layers)
document.releaseEvents(Event.MOUSEMOVE);
}
</SCRIPT>
</HEAD>
<BODY>
<DIV ID="aDiv"
ONMOUSEDOWN="startDrag(this, event);"
ONMOUSEUP="stopDrag();"
><input type=button value="拖动"></DIV>
<SCRIPT>
if (document.layers) {
document.aDiv.clip.width = 20;
document.aDiv.clip.height = 100;
document.aDiv.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
document.aDiv.onmousedown = function (evt) {
startDrag(this, evt);
};
document.aDiv.onmouseup = function (evt) {
stopDrag();
};
}
</SCRIPT></BODY>
</HTML>