您的位置：首页 > 其它

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

2012-05-24 15:26 417 查看 
<html>
<head>
<title>test</title>
<linkrel="stylesheet"type="text/css"href="./css/test.css"/>
</head>

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

<scripttype="text/javascript">
functionmouseDownFun()
{
document.getElementById('div1').innerHTML+='mouseDown<br/>';
}

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

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

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

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

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





                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航