🚚事件
2019-2-20
| 2022-9-1
0  |  0 分钟
type
status
date
slug
summary
tags
category
icon
password
URL
Sep 1, 2022 09:23 AM
  1. 事件
    1. 事件元素
    2. 事件类型
    3. 事件对象：当某个事件触发时产生的对象，就是事件对象，event使用前提：必须有事件不同的事件产生的事件对象不同：鼠标事件对象，键盘事件对象 ;事件对象拥有该事件相关属性和方法
      1. 提供相关事件类型的属性和方法
      2. document.onclick
      3. document.onkeypress
      4. 有的叫event有的叫evt可以使用兼容写法
        1. var e = evt || event;
          2.  
      鼠标事件对象
      onmouseover
      onmouseout
      page:(e.pageX,e.pageY)针对于当前页面的左顶点 常用
      client(e.clientX,e.clientY)针对于局部可视窗口的左顶点
      offset:(e.offsetX,e.offsetY)针对于父元素的左顶点，常用于拖拽
      键盘事件对象
      onkeyup：键盘弹起的时刻
      onkeydown：键盘按下的时刻触发
      onkeypress：生成一个字符时触发事件
      获取被录入的asc码值
      ctrl+enter sent messge 10
      没有字符则不触发事件
      var e = evt || event
      var key = e.keyCode || e.which || e.charCode;
      String.fromCharCode(key);
      ctrKey：判断ctrl是否被按下
       
      事件流
      事件在传递的过程中，会按照由子到父元素，或者由父到子元素的方向传递
      冒泡：由子传递父
      当某个事件触发时，同样的事件会向父元素触发
      但不是所有事件都会产生冒泡问题
       
      捕获：由父向子传递
       
      阻止冒泡事件
      e.stopPropagation()
      e.cancelBubble=true
      兼容阻止事件冒泡的写法
      e.stopPropagation?
      e.stopPropagation()
      e.cancelBubble=true
       
      demo01.html
      3.2KB
      鼠标右键事件
      oncontextmenu
      阻止浏览器默认行为
      第一种
      e.preventDefault()
      e.returnValue=false;
      兼容写法
      e.preventDefault?
      e.preventDefault()
      e.returnValue=false;
       
      第二种
      return false
 
notion image
 
  1. 正则表达式
  1. dd
 
相关文章 :
学习思考
  • javascript
    • Sass & Git事件二
    • Valine
    • Cusdis
    目录