index.html
<!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>事件对象</title> <script type="text/javascript" src="jquery-1.10.1.js"></script> <script type="text/javascript" src="demo.js"></script> <link type="text/css" rel="stylesheet" href="style.css" /> </head> <body> <input type="button" value="按钮" /> <input type="text" value="按钮" /> <div style="width:200px; height:200px; background:#ccc;"> <span style="width:100px; height:100px; background:#eee; display:block;"></span> </div> <p style="height:2000px;"></p> </body> </html>
demo.js
$(function(){
/*
$('input').bind('click',function(e){
alert(e);
});
$('input').bind('click',function(e){
//alert(e.type);
//alert(typeof e.type);
});
$('input').bind('click',function(e){
alert(e.target);
});
$('input').bind('click',function(e){
alert(e.relatedTarget);
});
$('input').bind('click',function(e){
alert(e.currentTarget);
});
$('div').bind('click',function(e){
alert(e.target);
});
$('div').bind('click',function(e){
alert(e.currentTarget);
});
//target 是获取触发元素的 DOM，触发元素，就是你点了哪个就是哪个
//currentTarget 得到的是监听元素的 DOM，你绑定的哪个就是那个
$('span').bind('mouseover',function(e){
alert(e.relatedTarget);
});
$('div').bind('click',function(e){
alert(this == e.currentTarget);
});
$('div').bind('click',function(e){
alert(this == e.target);
});
$('div').bind('click',123,function(e){
alert(e.data);
});
$('div').bind('click','abc',function(e){
alert(e.data);
});
$('div').bind('click',[1,2,3,'a','b'],function(e){
alert(e.data[3]);
});
$('div').bind('click',{user:'Lee',age:100},function(e){
alert(e.data.age);
});
$(document).bind('click',function(e){
alert(e.pageX+','+e.screenX+','+e.clientX);
});
$(document).bind('click',function(e){
alert(e.pageY+','+e.screenY+','+e.clientY);
});
$('input').bind('click',function(e){
return 123;
});
$('input').bind('click',function(e){
alert(e.result);
});
$('input').bind('click',function(e){
return 123;
});
$('input').bind('click',function(e){
alert(e.result);
});
$('input').bind('click',function(e){
alert(e.timeStamp);
});
$('input').bind('mousedown',function(e){
alert(e.which);
});
$('input').bind('keyup',function(e){
alert(e.which);
});
*/
$('input').bind('click',function(e){
alert(e.ctrlKey);
});
});
相关推荐
在本章中，我们将深入探讨JavaScript中的事件对象（Event Object），这是Web开发中不可或缺的一部分，尤其是在处理用户交互和页面动态性时。事件对象是事件触发时由浏览器创建的一个对象，它包含了与特定事件相关的...
第09章 面向对象的系统开发
第09章 Script API 第10章 运动计算 第11章 运行的方向 第12章 屏幕坐标 第13章 鼠标事件处理 第14章 脚本的运行 第15章 预制体 第16章 (练习) 子弹发射 第17章 物理系统 第18章 碰撞检测 第19章 (练习)...
该资源以思维导图的形式总结软件工程第一章至第九章的知识点，该总结不仅包含课本知识也包含了...第九章 面向对象编程 这些知识点主要是根据自己的理解整理的，若有不清楚的地方可以私信，若有错误的地方，请批评指正。
面向对象程序设计（Java）第九章例题代码-J7chapte9面向对象程序设计（Java）第九章例题代码-J7chapte9面向对象程序设计（Java）第九章例题代码-J7chapte9面向对象程序设计（Java）第九章例题代码-J7chapte9面向对象...
第09章 Script API 第10章 运动计算 第11章 运行的方向 第12章 屏幕坐标 第13章 鼠标事件处理 第14章 脚本的运行 第15章 预制体 第16章 (练习) 子弹发射 第17章 物理系统 第18章 碰撞检测 第19章 (练习)...
第09章 Script API 第10章 运动计算 第11章 运行的方向 第12章 屏幕坐标 第13章 鼠标事件处理 第14章 脚本的运行 第15章 预制体 第16章 (练习) 子弹发射 第17章 物理系统 第18章 碰撞检测 第19章 (练习)...
c++ 第九章 类和对象.ppt c++
"软件工程第九章-面向对象方法学引论" 面向对象方法学是软件工程中一种重要的方法学，用于开发大型软件产品。它源于20世纪60年代后期出现的面向对象编程语言Simula-67，逐步形成了面向对象方法学。到了20世纪90年代...
最后，第九章可能讨论高级话题，如委托、事件、Lambda表达式，或者更深入的面向对象设计原则和模式。 15小时的语音视频讲解将覆盖这些知识点，并通过实例演示和解释，帮助你更好地理解和应用。这样的学习方式不仅...
第09章 Script API 第10章 运动计算 第11章 运行的方向 第12章 屏幕坐标 第13章 鼠标事件处理 第14章 脚本的运行 第15章 预制体 第16章 (练习) 子弹发射 第17章 物理系统 第18章 碰撞检测 第19章 (练习)...
软件工程课件第09章面向对象方法学引论.ppt
C++程序设计教程第四版第九章购书项目源代码，此代码是本人在学习的过程中自主仿照编写，为方便学习特此上传，若有侵权之处请及时联系删除.
第09章 Script API 第10章 运动计算 第11章 运行的方向 第12章 屏幕坐标 第13章 鼠标事件处理 第14章 脚本的运行 第15章 预制体 第16章 (练习) 子弹发射 第17章 物理系统 第18章 碰撞检测 第19章 (练习)...
内容：第01章 课程内容 第02章 开发环境 第03章 了解编辑器 第04章 场景与游戏对象 第05章 游戏对象 第06章 图片的使用 第07章 游戏对象与组件 第08章 游戏脚本 第09章 Script API 第10章 运动计算 第11章 运行的...
面向对象程度设计基础课件 09 第九章 类属机制.ppt 面向对象程度设计基础课件 10 第十章 C++的输入输出.ppt 面向对象程度设计基础课件 11 第十一章 面向对象软件构造.ppt 面向对象程度设计基础课件 12 第十二章 结束...
第09章 Script API 第10章 运动计算 第11章 运行的方向 第12章 屏幕坐标 第13章 鼠标事件处理 第14章 脚本的运行 第15章 预制体 第16章 (练习) 子弹发射 第17章 物理系统 第18章 碰撞检测 第19章 (练习)...
第09章 Script API 第10章 运动计算 第11章 运行的方向 第12章 屏幕坐标 第13章 鼠标事件处理 第14章 脚本的运行 第15章 预制体 第16章 (练习) 子弹发射 第17章 物理系统 第18章 碰撞检测 第19章 (练习)...
第09章 Script API 第10章 运动计算 第11章 运行的方向 第12章 屏幕坐标 第13章 鼠标事件处理 第14章 脚本的运行 第15章 预制体 第16章 (练习) 子弹发射 第17章 物理系统 第18章 碰撞检测 第19章 (练习)...