week3-day03

本文详细介绍了前端开发中关键的鼠标事件如click、dblclick等,以及表单事件如change和submit,包括表单默认提交行为和焦点事件的blur和focus。深入浅出地探讨了浏览器相关事件和键盘监听。
摘要由CSDN通过智能技术生成

目录

一.鼠标事件

二.表单事件

三.焦点事件

四.浏览器相关事件

 五.键盘事件


一.鼠标事件

         click :点击事件

         dbclick :双击事件

         contextmenu : 右键单击事件

         mousedown :鼠标左键按下事件

         mouseup :鼠标左键抬起事件

         mousemove :鼠标移动

         mouseover :鼠标移入事件

         mouseout :鼠标移出事件

         mouseenter :鼠标移入事件 事件冒泡

         mouseleave :鼠标移出事件

二.表单事件

        change : 表单内容改变事件

        input : 表单内容输入事件

        submit : 表单提交事件

        默认行为:

           点击表单提交按钮

             1. 获取所有表单项内容,以名称值对的形式拼接到url地址后面

                  名称值对 => username=admin&password=123

                  url?username=admin&password=123                  

                 url地址是form表单元素的action属性值,如果没有指定就是当前url地址

             2. 跳转到拼接之后的url页面

             3. 点击表单提交按钮首先触发表单提交事件submit,

                执行完继续执行action动作

             4. 阻止表单默认action动作

                 e.preventDefault()

三.焦点事件

          blur 失去焦点

          focus 获取焦点

四.浏览器相关事件

          load :   页面全部资源加载完毕

          scroll :  浏览器滚动的时候触发

          resize : 页面大小事件

 五.键盘事件

         onkeydown  键盘按下

         onkeyup    键盘抬起

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值