zoukankan      html  css  js  c++  java
  • JavaScript 学习笔记 事件二

    事件(二)

    回顾

    事件对象里包含三个方面的信息····回看上一篇内容!

    事件对象里的属性和方法,主要是鼠标和键盘的信息。

    1. 获取事件类型

    事件对象属性type

    2. 获取按键代码

        事件对象属性keyCode:回车为13,空格为32,后退键为8

    3. 检测Shift、Alt、Ctrl键

        事件对象属性是否被按下:shiftKey、altKey、ctrlKey

    4. 获取客户端坐标

        事件对象属性clientX和clientY

    5. 获取屏幕坐标

    事件对象属性screenX和screenY

    事件的类型

    根据触发事件的事物和事件发生的对象,可将浏览器中发生的事件分为几个类型:

    一、 鼠标事件

    每个鼠标事件都会给以下event对象的属性填入值:

    1.坐标属性(如clientX  client 等)

    2.Type属性

    3.Targer(DOM)serElementIE)属性(目标对象属性)

    4.shiftKeyctrlKeyaltKeymetaKeyDOM)属性

    5.button属性(只在mouse事件中)

    (oEvent.target || oEvent.srcElement).id逻辑符或操作符作用于两个对象时,第一个对象非空,返回第一个对象,否则返回第二个对象,这里表示的是引起事件的元素的ID。

    二、 键盘事件

    Keydown   --- 在键盘上按下某按键时发生。一直按着某键,它则会不断触发。

    Keypress   --- 按下一个按键,并产生一个字符时产生(也就是不管类似Shit ctrl alt之类的键。)一直按键时,它会持续发生。

    Keyup         --- 释放按着的按键时发生

    1. 事件的属性

    对每个键盘事件,会填入以下的事件属性:

    keyCode属性(键位的ASC码值)

    charCode属性(仅DOM

    targetDOMsrcElementIE属性

    shiftKeyctrlKeyaltKeymetaKeyDOM)属性

    2.顺序

    当用户按一次某字符按键时,会按以下顺序发生事件:

    (1)、keydown;

    (2)、keypress;

    (3)、keyup;

    如果用户按一次某非字符按键(例如shift),会按以下顺序发生事件:

    (1)、keydown;

    (2)、keyup;

    三、 HTML事件

    onload、unload、resize、scroll等事件。

    四、 突变事件

    文档或元素元素的子树的添加删除节点,目前还没有任何主流浏览器实现了它。

     

     

    转自:http://www.cnblogs.com/meiqunfeng/archive/2010/01/30/1660265.html
  • 相关阅读:
    c++ 判断是元音还是辅音
    c++示例 计算器
    c++容器 算法 迭代
    获取 Django版本号的两种方式
    ImportError: No module named pytz
    Nginx配置proxy_pass转发的/路径问题
    VIM复制粘贴大全!
    SSL协议与数字证书原理
    分析支付宝客户端的插件机制
    PHP session的实现原理
  • 原文地址:https://www.cnblogs.com/johnwonder/p/1671550.html
Copyright © 2011-2022 走看看