<html>

<!--

    onresize 事件会在窗口或框架被调整大小时发生
--> <!--onresize="alert('窗口的大小得到变化就会执行我')"-->
<body onunload="alert('The onunload event was triggered')"> <form id="myform">
<input type="text" id="myinput" value="嘻嘻哈哈"> <button id="button1" name='mybutton' accessKey="a">
Click Me!</button> <!-- onabort 事件会在图像加载被中断时发生
<img src="./0387.jpg" onabort="abortImage()" /> --> <!-- onblur 事件会在对象失去焦点时发生
--> <input type="button" onblur="onblur2()" value="aa"> <!-- onchange 事件会在域的内容改变时发生
-->
<select onchange="onchange1()"> <option value="0">1</option>
<option value="1">2</option> <option value="2">3</option>
</select> <!-- onclick 事件会在对象被点击时发生
--> <a onclick="onclick1()">点击事件</a> <!-- ondblclick 事件会在对象被双击时发生
--> <a ondblclick="ondblclick1()">双点击事件</a> <!-- onerror 事件会在文档或图像加载过程中发生错误时被触发。
在装载文档或图像的过程中如果发生了错误,就会调用该事件句柄。 -->
<img src="01.png" onerror="alert('这个图片不存在');"> <!-- onfocus 事件在对象获得焦点时发生。
--> 姓名:<input onfocus="onfocus1()" onblur="onblur1()" id="" > <!-- onkeydown 事件会在用户按下一个键盘按键时发生
--> <input type="text" onkeydown="onkeydown1();" /> <!-- onkeypress 事件会在键盘按键被按下并释放一个键时发生。
--> <input type="text" onkeypress="onkeypress1()" /> <!-- onkeyup 事件会在键盘按键被松开时发生。
--> <input type="text" onkeyup="onkeyup1()" /> <!-- onmousedown 事件会在鼠标按键被按下时发生。
--> <img src="01.png" onmousedown="onmousedown1();"> <!-- onmousemove 事件会在鼠标指针移动时发生。
--> <img src="01.png" onmousemove="alert('您的鼠标刚才经过了图片!')"> <!-- onmouseout 事件会在鼠标指针移出指定的对象时发生。
--> <img src="01.png" onmouseout="alert('您的鼠标刚才离开了图片!')"> <!-- onmouseover 时间会在鼠标指针移动到指定的对象上时发生。
--> <img src="01.png" onmouseover="alert('您的鼠标在图片上!')"> <!-- onmouseup 事件会在鼠标按键被松开时发生。
--> <img src="01.png" onmouseup="alert('按下鼠标松开会执行我')"> </form> <!-- onreset 事件会在表单中的重置按钮被点击时发生
onsubmit 事件会在表单中的确认按钮被点击时发生 -->
<form onreset="alert('重置就会触发我哦')" onsubmit="alert('点击提交按钮时会执行我')"> <!-- onselect 事件会在文本框中的文本被选中时发生
--> <input type="text" value="在线词典、英语口语、英语学习资料、汉语词典,金山词霸下载等服务,致力于为您提供优质权威的在线英语服务," onselect="alert('选中文字的时候会执行我')">
<input type="submit" value="提交"> <input type="reset" value="重置">
</form> <script type="text/javascript"> /* //Button 对象的属性
//accessKey 属性可设置或返回访问一个按钮的键盘按键。 x=document. ('button1');
document.write(x.accessKey); //disabled 属性可设置或返回是否禁用按钮。 document.getElementById('button1').disabled = true; //按钮不可点
document.getElementById('button1').disabled = false; //按钮可点 //form 属性可返回对包含该按钮的表单的引用。 //如果包含该按钮,则返回一个 form 对象,如果未包含该按钮,则返回 null。
var x = document.getElementById('button1'); document.write(x.form.id); //myform //id 属性可设置或返回按钮的 id。 var x = document.getElementById("button1");
document.write(x.id); //button1 //name 属性可设置或返回按钮的名称。 var x = document.getElementById("button1");
document.write(x.name); //mybutton //type 属性可返回表单元素的类型。对于一个 Buttom 对象,则永远是 "button" 类型。 var x = document.getElementById("myinput");
document.write(x.type); //text //value 属性设置或返回显示在按钮上的文本。 var x = document.getElementById("myinput");
document.write(x.value); //嘻嘻哈哈 //Event 对象 //Event 对象的事件句柄
//onabort 事件会在图像加载被中断时发生。 //当用户在图像完成载入之前放弃图像的装载(如单击了 stop 按钮)时,就会调用该句柄。
function abortImage() { alert('Error: Loading of the image was aborted')
} //onblur 事件会在对象失去焦点时发生。 function onblur1(){
document.write('123'); } //onchange 事件会在域的内容改变时发生。 function onchange1(){ document.write('123');
} //onclick 事件会在对象被点击时发生 function onclick1(){
alert('到我出场了'); } //ondblclick 事件会在对象被双击时发生 function ondblclick1(){
alert('点击两次我才出现'); } //onfocus 事件在对象获得焦点时发生。 function onfocus1(){ alert('获取焦点我才出现');
} //onkeydown 事件会在用户按下一个键盘按键时发生 function onkeydown1(){ alert('小妞,按键盘了吧~');
} //onkeypress 事件会在键盘按键被按下并释放一个键时发生。 function onkeypress1(){
alert('按下键盘抬起后我才触发哦'); } //onkeyup 事件会在键盘按键被松开时发生。 function onkeyup1(){
alert('按键被松开会执行我'); } //onload 事件会在页面或图像加载完成后立即发生。 onload = function (){ alert('123');
} */
//onmousedown 事件会在鼠标按键被按下时发生。 function onmousedown1(){
alert('按下鼠标我就会出现哦'); } </script> </body>
</html>

Event对象的事件句柄的更多相关文章

  1. event对象和事件冒泡

    <!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>无标 ...

  2. 第九课-1 事件的状态Event 对象 ,事件,元素,节点的关系,事件委托currentTarget与target的区别

    <ul> <li>1itme1</li> <li>2itme2</li> <li>3itme3</li> <l ...

  3. Javascript防冒泡事件与Event对象

    防冒泡 防冒泡用到的就是event的属性和方法 function add2shop(e) { if (!e) var e = window.event; e.cancelBubble = true; ...

  4. dom事件与event对象总结

    1 事件:就是文档或浏览器窗口中发生的一些特定的交互瞬间.    tips:js和xhtml的交互是通过当用户或浏览器操作网页时发生的事件来处理的. 1.1 事件流:即事件的顺序.        事件 ...

  5. event对象及各种事件

    事件(event) event对象 (1)什么是event对象? Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态.事件通常与函数结合使用,函数不会 ...

  6. html EVENT对象

    Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 事件通常与函数结合使用,函数不会在事件发生前被执行! onabort 图像的加 ...

  7. python全栈开发day49-jquery的位置信息、事件流、事件对象,事件委托,事件绑定和解绑

    一.昨日内容回顾    1. jQuery的属性操作 1) html属性操作:attr 2) DOM属性操作:prop 3) 类样式操作:addClass.removeClass.toggleClas ...

  8. DOM中Event 对象如何使用

    DOM中Event 对象如何使用 一.总结 一句话总结: 1.将event作为参数传递进来,然后就可以调用event对象的各种属性和方法了. <body onmousedown="wh ...

  9. 浏览器端-W3School-JavaScript-HTML DOM:HTML DOM Event 对象

    ylbtech-浏览器端-W3School-JavaScript-HTML DOM:HTML DOM Event 对象 1.返回顶部 1. HTML DOM Event 对象 实例 哪个鼠标按钮被点击 ...

随机推荐

  1. Android dumpsys命令的使用

    Android提供的dumpsys工具能够用于查看手机中的应用程序和系统服务信息与状态,手机连接电脑后能够直接命令行运行adb shell dumpsys 查看全部支持的Service可是这样输出的太 ...

  2. 阅读INI档 - Delphi一片

    程序往往需要读一些用户设置值.如何完成这一过程? B/S程序一般使用XML档.和C/S程序使用INI档. 前篇<C#迁移之callXBFLibrary - 2(调用非托管DLL)>是C#读 ...

  3. HDOJ 5017 Ellipsoid

    第一次尝试模拟退火..... Ellipsoid Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java ...

  4. oracle_windows下命令启动oracle监听和服务

    1.检查监听器状态 C:\Users\Administrator>lsnrctl status 2.启动监听程序 C:\Users\Administrator>lsnrctl start ...

  5. monkey命令详解

    标准的monkey 命令 adb shell monkey [options] <eventcount> 例如: adb shell monkey -v    产生500次随机事件,作用在 ...

  6. linq 分组求和

    static void Main()         {             DataTable dt = new DataTable();             dt.Columns.Add( ...

  7. 批处理命令篇--配置免安装mysql 5.6.22, 以及1067错误的一个解决方法

    mysql 服务启动出现1067错误的一个解决方法: 当服务启动出现1067错误时,可查看“windows 事件查看器”,发现类似错误提示 Can't find messagefile 'F:\    ...

  8. SQL表连接

    背景 在上次的自考科目<数据库系统原理>中.已经接触到了关于数据库表连接的一些知识,近期的学习过程中又用到了关于数据库表的连接问题,趁此再跟大家一起回想一下. 导图总结 首先用一张思维导图 ...

  9. linux下crontab的使用实现

    1 crontab实现定时任务 1.1服务状态 /sbin/service crond status 查看定时任务的服务是否启动 参数:start 启动服务      Stop 停止服务      R ...

  10. jquery.validate 以alert方式显示错误方法

    $.validator.setDefaults({ submitHandler: function() { alert("submitted!");return false; } ...