<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>txt</title>

</head>

<body>

<input type="button" onclick="alert(&quot;1&quot;)" />

<input type="button" onclick="alert('1')" />

<script>

//事件

function(ev){

    switch(ev.type){

        case 'mouseover':

            dosometing;

            break;

        case 'mouseout':

            dosometing:

            break;

        default:

            dowhat

            break;

    }

};

//

/*

    event.target and event.currentTarget

    currentTarget === this;

    是不同的，targe( srcElement )也可以是是冒泡的元素;

    event.relateTarget;

    页面在不存在滚动的情况下 pageX和clientX相等的..

    click dblclick onmousemove 在屏幕阅读器里无法触发；

    而且dblclick用键盘是无法实现的;

    keydown是用户按任意键时候触发

    keypress是用户按字符时候触发

    event.shiftKey || event.ctrlKey || event.altKey || event.metaKey

    textInput这个事件是DOM3的事件，只有在输入框输入字符时候才触发的事件

    DOM节点被操作变动的事件

    1: DOMSubstreeModified dom结构发生变化即触发

    2: ..

    hashchange事件 #adf #asdf url变化

    移动设备的事件 :

    1 : orientationchange

    2 : diviceorientation 设备方向发生改变的时候

    3 : devicemotion 设备移动或者其他情况触发 ，有点 nation app的api的感觉有木有;

    移动设备事件触发顺序

    1 : touchstart =>

        mouseover =>

        mousemove =>

        mouseup =>

        click 

        touchend =>

    2 : gesturestar =>

        gesturechange =>

        getstureend 

*/

    '事件的模拟触发 ~_~ ,只是基于标准的事件， ie的没记录';

    var ev = document.createEvent('MouseEvent');

    ev.init('click'/*一堆参数*/);

    ipt.dispatchEvent( ev );

    ev = document.createEvent('KeyEvent');

    ev.init('keypress'/*___*/);

    ipt.dispatchEvent( ev )

</script>

</body>

</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. HDU 5029 Relief grain --树链剖分第一题

    题意:给一棵树,每次给两个节点间的所有节点发放第k种东西,问最后每个节点拿到的最多的东西是哪种. 解法:解决树的路径上的修改查询问题一般用到的是树链剖分+线段树,以前不会写,后来学了一下树链剖分,感觉 ...

  2. JavaScript Promise API

    同步编程通常来说易于调试和维护,然而,异步编程通常能获得更好的性能和更大的灵活性.异步的最大特点是无需等待."Promises"渐渐成为JavaScript里最重要的一部分,大量的 ...

  3. nginx 一二事(3) - 反向代理以及负载均衡

    先来说说正向代理 就是普通的代理,记得高中年代偷跑去网吧是要办卡的 题外话: 就是这货...相信很多80同龄人都有吧...    回到正题,那正向代理就不让你直接访问网络,而需要登录一下网吧的某个系统 ...

  4. AC日记——逃出克隆岛 （bfs）

    2059 逃出克隆岛  时间限制: 1 s  空间限制: 128000 KB  题目等级 : 黄金 Gold 题解       题目描述 Description oi小组的yh酷爱玩魔兽rpg,每天都 ...

  5. JMeter学习（三十一）Access Log Sampler

    前提: 在tomcat\conf\server.xml默认情况下,会有一段代码: <Valve className="org.apache.catalina.valves.Access ...

  6. setAttribute改变属性，动态改变类

    <style type="text/css"> .box{color:red;} </style> <div>通过setAttribute添加d ...

  7. C++ List的用法(整理)

    转自http://blog.csdn.net/lskyne/article/details/10418823 Lists将元素按顺序储存在链表中. 与 向量(vectors)相比, 它允许快速的插入和 ...

  8. Java6 String.substring()方法的内存泄露

    substring(start,end)在Java编程里面经常使用,没想到如果使用不当,会出现内存泄露. 要了解substring(),最好的方法便是查看源码(jdk6): /** * <blo ...

  9. 办公软件Office PPT 2010视频教程从入门到精通系列教程(22课时)

    办公软件Office PPT 2010视频教程从入门到精通系列教程(22课时) 乔布斯的成功离不开美轮美奂的幻灯片效果,一个成功的商务人士.部门经理也少不了各种各样的PPT幻灯片.绿色资源网给你提供了 ...

  10. [CareerCup] 11.6 Search a 2D Matrix 搜索一个二维矩阵

    11.6 Given an M x N matrix in which each row and each column is sorted in ascending order, write a m ...