<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. Git联系oschina托管代码版本号

    工作一般使用SVN,近期好像GitHub有些火.看到开源中国上也有Git的开源版本号管理. 另外看到一篇文章说Git 比 SVN 要好. 就想多了解一下Git.顺便也能够把自己平时的一些代码保存在云端 ...

  2. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(17)-注册用户功能的细节处理(各种验证)

    原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(17)-注册用户功能的细节处理(各种验证) ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框 ...

  3. zoj 3210 A Stack or A Queue? （数据结构水题）

     A Stack or A Queue? Time Limit: 1 Second      Memory Limit: 32768 KB Do you know stack and queue? ...

  4. crawler_http关闭连接

    1:ps aux|grep Spider4Test.jar 查看端口 2: lsof  -p [端口号] 在爬虫运行期间如果看到 大量的 TIME_WAIT  WAIT_CLOSE 说明请求关闭阻塞[ ...

  5. 算法 & 分析 (收集)

    算法一:快速排序算法 快速排序是由东尼·霍尔所发展的一种排序算法.在平均状况下,排序 n 个项目要Ο(n log n)次比较.在最坏状况下则需要Ο(n2)次比较,但这种状况并不常见.事实上,快速排序通 ...

  6. 在SQL Server中对视图进行增删改

    原文:在SQL Server中对视图进行增删改 Lesktop开源IM发布以后,有一些网友问及如何在嵌入IM后与自己网站的用户系统整合(即如何让嵌入的IM直接使用网站原有的用户数据库,而不需要将已有的 ...

  7. Python学习笔记：概要

    1.print不同的互动解释语句输出和输出 在以下示例,我们分配字符串值到可变myString.先用print 要显示一个变量的内容, 其次是变量名,以显示. >>> myStrin ...

  8. ZOJ 2675 Little Mammoth(计算几何)

    圆形与矩形截面的面积 三角仍然可以做到这一点 代码: #include<stdio.h> #include<string.h> #include<stdlib.h> ...

  9. jQuery插件——多级联动菜单

    jQuery插件——多级联动菜单 引言 开发中,有好多地方用到联动菜单,以前每次遇到联动菜单的时候都去重新写,代码重用率很低,前几天又遇到联动菜单的问题,总结了下,发现可以开发一个联动菜单的功能,以后 ...

  10. 微信应用号开发知识贮备之Webpack实战

    天地会珠海分舵注:随着微信应用号的呼之欲出,相信新一轮的APP变革即将发生.作为行业内人士,我们很应该去拥抱这个趋势.这段时间在忙完工作之余准备储备一下这方面的知识点,以免将来被微信应用号的浪潮所淹没 ...