onmousedown 与onmouseup事件在一个按钮中同时调用

最新推荐文章于 2024-08-25 09:57:22 发布

weixin_33737774

最新推荐文章于 2024-08-25 09:57:22 发布

阅读量195

点赞数

文章标签： javascript ViewUI

<html>
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="./css/test.css" />
</head>

<script>
    function testdown()  //鼠标按下时
    {
        //alert("aaa");
        document.getElementById('txtptz').value=1;
    }
    function testup()  //鼠标松开时
    {
        //alert("aaa");
        document.getElementById('txtptz').value=2;
    }
</script>

<script type="text/javascript">
function mouseDownFun()
{
    document.getElementById('div1').innerHTML += 'mouseDown<br/>';
}

function mouseUpFun()
{
    document.getElementById('div1').innerHTML += 'mouseUp<br/>';
}

function clickFun()
{
    document.getElementById('div1').innerHTML += 'click<br/>';
}
</script>

<body>
    <p>test</p>
    <input type="test" id="txtptz" onmousedown="testdown();" onmouseup="testup();">
    <input id="testptz"  type="button" name="reset"  value="保存"  onmousedown="testdown();" onmouseup="testup();" >    
    <div id="div1" onmousedown="mouseDownFun();" onmouseup="mouseUpFun();" onclick="clickFun();" style="background:#CCC; border:3px solid #999; width:200px; height:200px; padding:10px"></div>

<input style="margin-top:10px" type="button" onclick="document.getElementById('div1').innerHTML='';" value="清除信息" />

</script>
  </div>
</body>
</html>

weixin_33737774

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
onmousedown 与onmouseup事件在一个按钮中同时调用

&lt;html&gt;&lt;head&gt;&lt;title&gt;test&lt;/title&gt;&lt;link rel="stylesheet" type="text/css" href="./css/test.css" /&gt;&lt;/head&gt;&lt;script&gt;
复制链接

扫一扫