1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>txt</title>
  6. </head>
  7. <body>
  8. <input type="button" onclick="alert(&quot;1&quot;)" />
  9. <input type="button" onclick="alert('1')" />
  10. <script>
  11. //事件
  12. function(ev){
  13.     switch(ev.type){
  14.         case 'mouseover':
  15.             dosometing;
  16.             break;
  17.         case 'mouseout':
  18.             dosometing:
  19.             break;
  20.         default:
  21.             dowhat
  22.             break;
  23.     }
  24. };
  25. //
  26. /*
  27.     event.target and event.currentTarget
  28.     currentTarget === this;
  29.     是不同的，targe( srcElement )也可以是是冒泡的元素;
  30.     event.relateTarget;
  31.     页面在不存在滚动的情况下 pageX和clientX相等的..
  32.  
  33.     click dblclick onmousemove 在屏幕阅读器里无法触发；
  34.     而且dblclick用键盘是无法实现的;
  35.  
  36.     keydown是用户按任意键时候触发
  37.     keypress是用户按字符时候触发
  38.     event.shiftKey || event.ctrlKey || event.altKey || event.metaKey
  39.  
  40.     textInput这个事件是DOM3的事件，只有在输入框输入字符时候才触发的事件
  41.  
  42.     DOM节点被操作变动的事件
  43.     1: DOMSubstreeModified dom结构发生变化即触发
  44.     2: ..
  45.  
  46.     hashchange事件 #adf #asdf url变化
  47.  
  48.     移动设备的事件 :
  49.     1 : orientationchange
  50.     2 : diviceorientation 设备方向发生改变的时候
  51.     3 : devicemotion 设备移动或者其他情况触发 ，有点 nation app的api的感觉有木有;
  52.  
  53.     移动设备事件触发顺序
  54.     1 : touchstart =>
  55.  
  56.         mouseover =>
  57.         mousemove =>
  58.         mouseup =>
  59.         click 
  60.  
  61.         touchend =>
  62.  
  63.     2 : gesturestar =>
  64.         gesturechange =>
  65.         getstureend 
  66.  
  67. */
  68.     '事件的模拟触发 ~_~ ,只是基于标准的事件， ie的没记录';
  69.     var ev = document.createEvent('MouseEvent');
  70.     ev.init('click'/*一堆参数*/);
  71.     ipt.dispatchEvent( ev );
  72.  
  73.     ev = document.createEvent('KeyEvent');
  74.     ev.init('keypress'/*___*/);
  75.     ipt.dispatchEvent( ev )
  76. </script>
  77. </body>
  78. </html>

JS高级设计第七章——复习知识点的更多相关文章

  1. 读书笔记 - js高级程序设计 - 第七章 函数表达式

      闭包 有权访问另一个函数作用域中的变量的函数 匿名函数 函数没有名字 少用闭包 由于闭包会携带包含它的函数的作用域,因此会比其它函数占用更多的内存.过度使用闭包可能会导致内存占用过多,我们建议读者 ...

  2. JS高级程序设计第2章--精简版

    前言:这次是二刷了,想暑假做一次完整的笔记,但用本子来写笔记的话太贵了,可能哪天还丢了..所以还是博客好== 第二章:在HTML中使用JavaScript 2.1 <script>元素: ...

  3. JS高级程序设计第3章--精简版

    前言:纯手打!!!按照自己思路重写!!!这次是二刷了,想暑假做一次完整的笔记,但用本子来写笔记的话太贵了,可能哪天还丢了..所以还是博客好== 第三章:基本概念(语法.数据类型.流控制语句.函数) 3 ...

  4. JS高级程序设计第4章--精简版

    前言:纯手打!!!按照自己思路重写!!!这次是二刷了,想暑假做一次完整的笔记,但用本子来写笔记的话太贵了,可能哪天还丢了..所以还是博客好== 第四章:变量.作用域和内存问题 4.1 基本类型和引用类 ...

  5. js高级程序设计（七）BOM

    window 对象 BOM 的核心对象是window,它表示浏览器的一个实例.在浏览器中,window 对象有双重角色,它既是通过JavaScript 访问浏览器窗口的一个接口,又是ECMAScrip ...

  6. js高级程序设计（七）函数表达式

    定义函数的方式有两种:一种是函数声明,另一种就是函数表达式.函数声明的语法是这样的. function functionName(arg0, arg1, arg2) { //函数体 } Firefox ...

  7. js 高级程序设计 第三章学习笔记——Number数据类型需要注意的事项

    1.浮点数值 虽然小数点前面可以没有整数,但是并不推荐这种写法. 由于保存浮点数值需要的内存空间是保存整数值的两倍,因此ECMAScript会不失时机地将浮点数值转化为整数数值.显然,如果小数点后面没 ...

  8. 读书笔记 - js高级程序设计 - 第五章 引用类型

      引用类型 和 类 不是一个概念 用typeof来检测属性是否存在 typeof args.name == "string"  需要实验 访问属性的方法 .号和[] 一般情况下要 ...

  9. 读书笔记 - js高级程序设计 - 第三章 基本概念

    启用严格模式 "use strict" 这是一个 pragma 编译指示 让编码意图更清晰  是一个重要原则 5种简单数据类型 Undefined Null Boolean Num ...

随机推荐

  1. C之五子棋

    #include <stdio.h> #include <stdlib.h> #define N 15 ][N + ] = { }; ; void initGame(void) ...

  2. JAVASE笔记回顾

    第一部分,JAVA基础和面向对象 part01 入门与开发环境搭建 1: 计算机基础知识(了解)(1)计算机(2)计算机硬件(3)计算机软件系统软件:windows,linux,mac应用软件:QQ, ...

  3. 边工作边刷题：70天一遍leetcode: day 73

    Read N Characters Given Read4 I/II 要点:这题的要点就是搞清楚几个变量的内在逻辑:只有buffer是整4 bytes的.而client要读的bytes(需求)和实际上 ...

  4. Trie树 & 01Trie

    指针版 #define MAXNUM 26 //定义字典树结构体 typedef struct Trie { bool flag;//从根到此是否为一个单词 Trie *next[MAXNUM]; } ...

  5. Android系列之网络（二）----HTTP请求头与响应头

    ​[声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/ ...

  6. [3D跑酷] AudioManager

    Unity音频管理 游戏中的声音管理最常用的组件莫过于AudioSource和AudioClip,我的做法是建立是一个AudioManager类(单例类)管理各个音频,谈一下我的经验: 函数列表 St ...

  7. Z路径覆盖

    Z路径覆盖是路径覆盖的一个变体.路径覆盖是白盒测试最为典型的问题.着眼于路径分析的测试可称为路径测试.完成路径测试的理想情况是做到路径覆盖.对于比较简单的小程序实现路径覆盖是可能做到的.但是如果程序中 ...

  8. 各种各样的hack。

    http://itakeo.com/blog/2015/11/16/allhack/?none=123 Android Selector Hacks .selector:not(*:root) {} ...

  9. 没有什么好神秘的: wait_on_page_bit

    文件系统中经常会有wait_on_page_bit函数的封装,比如f2fs中就会有如下的代码: 1431 void f2fs_wait_on_page_writeback(struct page *p ...

  10. RDLC系列之四 常见错误

    解决 RDLC 报表自动分页表头显示问题 原文:http://www.th7.cn/Program/net/201207/85445.shtml RDLC是用XML来描述一个报表相关的一切,只需要在& ...