JS的常用事件

渣渣学长

于 2019-08-09 10:45:10 发布

阅读量386

点赞数

分类专栏： js 文章标签： jsp中常用事件集

本文链接：https://blog.youkuaiyun.com/weixin_44061767/article/details/98943946

版权

js 专栏收录该内容

2 篇文章

订阅专栏

本文深入探讨了网页开发中鼠标交互事件的应用，包括鼠标点击事件的处理及鼠标移入移出时页面元素状态的改变。通过具体示例代码，展示了如何使用JavaScript实现这些交互效果，为前端开发者提供实用的技术指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

鼠标点击时间

<a href="<%=basePath %>userConfirmShouhuo?orderCode=${order.orderCode}" onclick="aa()">确认收货</a>

<script type="text/javascript">
	function aa(){
		alert("确定收货吗！");
	}
</script>

2、鼠标移进移除时间

<style>
        *{
            margin:0 ;
            padding:0;
        }
        #shiyan{
            width: 300px;
            height: 300px;
            background-color: #e69;
            margin: auto; /*左右居中*/
            text-align: center;
            line-height: 300px;
        }
    </style>
</head>
<body>
        <div id="shiyan" onmouseover="onOver()" onmouseout="onOut()">
        </div>
        <script>
            function onOver() {
               var x =  document.getElementById("shiyan");
               x.innerHTML="你的鼠标移动进来了";
            }
            function onOut() {
                var x =  document.getElementById("shiyan");
                x.innerHTML="你的鼠标移动出去了";
            }
        </script>
</body>