JavaScript 事件与事件处理

最新推荐文章于 2022-09-17 16:40:45 发布

clirus

最新推荐文章于 2022-09-17 16:40:45 发布

阅读量530

点赞数

分类专栏： javascript 文章标签： javascript 事件事件处理

本文链接：https://blog.csdn.net/clirus/article/details/68922060

版权

javascript 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

1、常用事件

当页面加载完成时会触发onload事件，当点击鼠标的时候会触发onclick事件等等；
常用事件：

事件类型	事件描述
onabort:	对象载入被中断时触发；
onblur:	元素或窗口本身失去焦点时触发；
onchange:	改变元素中的选项或其他表单元素失去焦点，并且在其获取焦点后内容发生改变时触发；
onerror:	出现任何错误时触发；
onfocus:	任何元素或窗口本身获得焦点时触发；
onkeydown:	键盘键（包括shift alt等）被按下时触发；
onkeypress:	键盘被按下并产生一个字符时触发，也就是说按下shit、alt等不会触发；
onkeyup:	释放键盘上的按键时触发；
onload:	页面完全载入后触发；
onunload:	页面完全卸载后触发；
onclick:	点击鼠标左键时触发，当光标的焦点在按钮上并按enter按键时也会触发；
ondblclick:	双击鼠标左键时触发；
onmousedown:	单击任何一个鼠标按键时触发；
onmousemove:	鼠标在某个元素上移动时持续触发；
onmouseout:	鼠标从制定的元素上移开时触发；
onmouseover:	鼠标移到某个元素上时触发；
onmouseup:	释放任意一个鼠标按键时触发；
onreset:	单击重置按钮时，在上触发；
onresize:	窗口或框架的大小发生改变时触发；
onscroll:	在任何带滚动条的元素或窗口上滚动时触发；
onselect:	选中文本时触发；
onsubmit:	单击提交按钮时触发，在上触发；

2、事件处理

事件处理程序是用于响应某个事件而执行的处理程序，事件处理程序可以是任何的JavaScript语句，一般用JavaScript函数处理。

第一种方式：在html中调用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input type="button" name="save" value="保存" id="saveId" onclick="save()">
    <script type="text/javascript">
        function save() {
            // body...
            alert("保存按钮被点击");
        }
    </script>
</body>
</html>

第二种方式：在JavaScript中调用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input type="button" name="save" value="保存" id="saveId" >
    <script type="text/javascript">
        var bt_save=document.getElementById('saveId');
        bt_save.onclick=function () {
            // body...
            alert("保存按钮被点击");
        }
    </script>
</body>
</html>

clirus

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript 事件与事件处理

1、常用事件当页面加载完成时会触发onload事件，当点击鼠标的时候会触发onclick事件等等；常用事件：事件类型事件描述 onabort: 对象载入被中断时触发； onblur: 元素或窗口本身失去焦点时触发； onchange: 改变元素中的选项或其他表单元素失去焦点，并且在其获取焦点后内容发生改变时触发； onerror: 出现任何错误时触发；
复制链接

扫一扫