JS高级设计第七章——复习知识点
<!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("1")" />
<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>
天道酬勤
