ie中:window.event;//获取对象
dom中:argument[0];//获取对象
ie中event对象常用的属性方法:
1.clientx:事件发生时,鼠标指针在客户区(不包括工具栏,滚动条等)的x坐标;
2.clienty:事件发生时,鼠标指针在客户区(不包括工具栏,滚动条等)的y坐标;
3.keycode:对于keycode事件,指示按下的键的unicode字符,对于keydown/keyup事件,指示按下的键盘是数字表示器(获得按键的数值);
4.offsetx:鼠标指针相对于引发事件的对象的x坐标;
5.offsety:鼠标指针相对于引发事件的对象的y坐标;
6.srcelement:导致事件发生的元素;
dom中event对象常用的属性方法:
1.clientx;
2.clienty;
3.pagex;鼠标指针相对于页面的x坐标;
4.pagey;鼠标指针相对于页面的y坐标;
5.stoppropagation:调用该方法可以阻止事件的进一步传播(冒泡);
6.target:触发的事件元素/对象;
7.type:事件的名称;
两种event对象的相同点和不同点:
相同点:
1.获取事件类型;
2.获取键盘代码(keydown/keyup事件);
3.检测shift,alt,ctrl;
4.获取客户区坐标;
5.获取屏幕坐标;
不同点:
1.获取目标;
//ie:var otarget=oevent.srcelement;
//dom: var otarget=oevent.target;
2.获取字符码;
//ie: var icharcode=oevent.keycode;
//dom: var icharcode=oevent.charcode;
3.阻止事件的默认行为;
//ie: oevent.returnvalue=false;
//dom: oevent.preventdefault;
4.终止冒泡:
//ie:oevent.cancelbubble=true;
//dom:oevent.stoppropagation
事件类型:
一.鼠标事件:
onmouseover:当鼠标移入时;
onmouseout:当鼠标移出时;
onmousedown:当按下鼠标时;
onmouseup:当抬起鼠标时;
onclick:点击鼠标左键时;
ondblclick:双击鼠标左键时;
二.键盘事件:
onkeydown:当用户在键盘上按下一个键时发生;
onkeyup:当用户释放一个按下的键时发生;
keypress:当用户一直按着键不放时;
三.html事件:
onload:加载页面时;
onunload:卸载页面时;
abort:当用户终止装载进程之前,如果他还没有被完全转载,发生abort事件
error:javascript发生错误时,产生的事件;
select:在一个input或者textarea中,用户选择字符时,触发的select事件
change:在一个input或者textarea中,当它失去焦点,在select中触发change事件
submit:当表单被提交时,触发submit事件;
reset:重置
resize:当窗口或框架尺寸调整时触发的事件;
scroll:当用户滚动或有滚动条时触发的事件;
focus:失去焦点时;
blur:获得焦点时;
javascript的事件模型
1.javascript事件模型:1.冒泡类型: 当用户点击按钮时:input-body-html-document-window(从下往上冒泡)ie浏览器只是用冒泡
2.捕获类型: 当用户点击按钮时:window-document-html-body-input (从上往下)
经过ecma标准化后,其他浏览器都支持两种类型,捕获先发生。
2.传统事件书写的三种方式:
1.
2.====== //有名函数
3. //匿名函数
复制代码 代码如下:
3.现代事件书写方式:
复制代码 代码如下:
//ie中添加事件
复制代码 代码如下:
//dom中添加事件
复制代码 代码如下:
//兼容ie和dom添加事件
