js-----基本事件操作

本文介绍了JavaScript中处理事件的不同方式,从传统的onclick等内联事件到现代的addEventListener方法。点击事件用于内容切换,移入移出事件实现菜单下拉,失去焦点事件常用于表单验证,鼠标事件和键盘事件则提供交互反馈。这些事件处理是Web开发中的基础要素。
摘要由CSDN通过智能技术生成

传统的事件函数:but.onclick = function(){}

新的:but.addEventListener('click', function () { })

区别:点击事件在新的里不加on

一、点击事件(导航栏内容切换功能)

onclick :当点击时触发,可以用于任何元素

二、移入移出事件(导航栏菜单下拉功能)

onmouseover :当鼠标悬浮时触发
onmouseout :当鼠标离开时触发

三、失去焦点事件(表单检验功能)

onblur :当失去焦点时触发,常用于input表单元素

四、鼠标事件(鼠标跟随功能)

onmousemove :当鼠标移动时触发

五、键盘事件

onkeydown :当键盘按下时触发(可能捕获功能键,如上下左右)

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值