事件和正则表达式

本文介绍了JavaScript中的事件绑定,包括覆盖事件和使用addEventListener方法。还讲解了键盘事件如keydown和keyup,以及表单事件如focus、blur、change、input、reset和submit。此外,提及了正则表达式在验证中的应用,并讨论了如何解绑事件。
摘要由CSDN通过智能技术生成

绑定事件

第一种方式:将前面的事件进行覆盖

         div1.οnclick=function(){

            console.log("单击事件")

         }

       div1.οnclick=function(){

           console.log("单击事件2")

         }

        第二种方式addEventListener()

        div1.addEventListener("click",function(){

            console.log("单击事件")

        })

        div1.addEventListener("click",function(){

            console.log("单击事件2")

        })

解绑

div1.οnclick=null

        div1.attachEvent()//解决ie兼容问题

        div1.attachEvent("onclick",test)

 

 键盘事件

keydown    keyup

username.οnkeydοwn=function(){

             console.log("键盘按下")

         }

         username.οnkeyup=function(){

           console.log("键盘抬起")

         }

表单事件

获取/失去焦点  focus    blur

change  对比获取焦点和失去焦点时里面内容不一样才会触发

       username.οnchange=function(){

    console.log("change")

     }

       input  只要内容不一样就触发

        username.οninput=function(){

          console.log("input")

        }

        reset(重置事件)  submit(提交事件):这两个事件必须在form表单中才能使用

         var myform=document.querySelector("#myform")

        myform.οnreset=function(){

         console.log("重置")

        }

         myform.οnsubmit=function(){

       console.log("提交")

          return false

        }

正则表达式

 

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值