事件

最新推荐文章于 2023-10-09 19:45:00 发布

YWF331

最新推荐文章于 2023-10-09 19:45:00 发布

阅读量231

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/YWF331/article/details/79316298

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

JavaScript 是事件驱动的

什么是事件

通常鼠标或热键的动作我们称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动。对事件进行处理程序或函数，我们称之为事件处理程序。

常用事件

除了刚才提到的 onclick 事件，还有这些常用的事件：

onclick 单击
ondblclick 双击
onfocus 元素获得焦点
onblur 元素失去焦点
onmouseover 鼠标移到某元素之上
onmouseout 鼠标从某元素移开
onmousedown 鼠标按钮被按下
onmouseup 鼠标按键被松开
onkeydown 某个键盘按键被按下
onkeyup 某个键盘按键被松开
onkeypress 某个键盘按键被按下并松开

<html>
<head>
  <script>

    function mDown(obj)    // 按下鼠标 的 事件处理程序
    {
    obj.style.backgroundColor="#1ec5e5";
    obj.innerHTML="按住"
    }

    function mUp(obj)     // 松开鼠标 的 事件处理程序
    {
    obj.style.backgroundColor="green";
    obj.innerHTML="你好"
    }

  </script>
</head>

<body>
<div style="background-color:green;width:200px;height:35px;margin:20px;padding-top:20px;color:rgb(255,255,255);font-weight:bold;font-size:18px;text-align:center;"

onmousedown="mDown(this)"

onmouseup="mUp(this)"

>你好</div>
</body>

</html>

YWF331

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
事件

JavaScript 是事件驱动的什么是事件通常鼠标或热键的动作我们称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动。对事件进行处理程序或函数，我们称之为事件处理程序。常用事件除了刚才提到的 onclick 事件，还有这些常用的事件：onclick 单击 ondblclick 双击 onfocus 元素获得焦点 onblur 元素失去焦...
复制链接

扫一扫

专栏目录