JavaScript 事件与事件处理

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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

clirus

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值