javaScript系列之事件处理器以(三)

最新推荐文章于 2024-12-25 16:54:38 发布

原创最新推荐文章于 2024-12-25 16:54:38 发布 · 463 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #处理器

javascript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，其中包含了按钮点击及图片鼠标悬浮事件的处理示例。通过JavaScript实现了按钮点击弹窗提示及鼠标悬浮时图片变化的效果。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
    </script>
</head>
<body>
     <input type="button" value = "点我点我" onclick = "alert('你点什么点')">
     <!--事件:鼠标悬浮在img图片所在的区域>
     <!--事件处理器:img的方法 处理这个事件>
     <!--当事件处理器监测到事件发生时,调用了alert('')函数-->
     <img src = "1.jpg" onmouseover="alert('就这么进来了')">
     <img src = "1.jpg" onmouseover="this.src='6.jpg'"onmouseout="this.src='1.jpg'">
</body>
</html>