日期:2014-05-16  浏览次数:20311 次

JS遇到一个非常奇怪的问题!!!!!!!!!!!
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function onMouseDown()
{var x=document.getElementsByTagName("input");
x[3].src="zhuce_text.jpg";
}
</script>
</head>

<body>
<form id="zck">
<input type="image" src="dzt.png" onmousedown="onMouseDown()">
</form>
</body>
</html>



我的本意是:点击按钮后,按钮的背景图片变成另外的图片
但是现在的实际情况是:点一下按钮,图片改变,再点一下,图片又变回原来的。再点再变,如此反复。。。。。这到底是咋回事

------解决方案--------------------
哦。。要这样写才行。而且要绑定到onclick事件,因为点击鼠标后会触发onmousedown、onclick这两个事件。
HTML code
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function onMouseDown() {
    var x=document.getElementsByTagName("input");
    x[0].src="zhuce_text.jpg";
}
</script>
</head>

<body>
<form id="zck">
    <input type="image" src="dzt.png" onclick="onMouseDown(); return false;">
</form>
</body>
</html>