javascript高手进来!!!

来源：百度知道 编辑：UC知道 时间：2024/05/25 02:35:11
下面这段代码功能是窗口自动向右下方移动,但当点击窗口中的任意空白处时,但会停止移动,
可是我的这段代码有错误,运行不了,
如果去掉<input type="button" name="Submit" value="开始移动窗口" onClick="xx()">
在<body>里加上onLoad="xx()"是可行的,如例1:

但是如果去掉body中的onLoad="xx()"
加上<input type="button" name="Submit" value="开始移动窗口" onClick="xx()">就不行了,如例2:.希望高手们指出我的问题所在,并给于解答.

例1:
<html>
<head>
<title>窗口移动</title>
<script language="javascript">
var i=0,j=0,time1;
function xx(){
moveBy(i++,j++)
time1=setTimeout("xx()",200);
//window.open("http://www.baidu.com","baidu","width=300 height=200")
}
function yy(){
clearTimeout(time1);
}
document.onclick=yy;
</script>
</head>
<

问题在于input响应onclick后，document也会响应

要阻止事件冒泡：

<html>
<head>
<title>窗口移动</title>
<script language="javascript">
var i=0,j=0,time1;
function xx(){
moveBy(i++,j++)
time1=setTimeout("xx()",200);
//window.open("http://www.baidu.com","baidu","width=300 height=200")
}
function yy(){
clearTimeout(time1);
}
document.onclick=yy;
</script>
</head>
<body>
<input type="button" name="Submit" value="开始移动窗口" onClick="xx();event.cancelBubble=true;">
</body>
</html>