Event对象的事件句柄
<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对象的事件句柄的更多相关文章
- event对象和事件冒泡
<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>无标 ...
- 第九课-1 事件的状态Event 对象 ，事件，元素，节点的关系，事件委托currentTarget与target的区别
<ul> <li>1itme1</li> <li>2itme2</li> <li>3itme3</li> <l ...
- Javascript防冒泡事件与Event对象
防冒泡 防冒泡用到的就是event的属性和方法 function add2shop(e) { if (!e) var e = window.event; e.cancelBubble = true; ...
- dom事件与event对象总结
1 事件:就是文档或浏览器窗口中发生的一些特定的交互瞬间. tips:js和xhtml的交互是通过当用户或浏览器操作网页时发生的事件来处理的. 1.1 事件流:即事件的顺序. 事件 ...
- event对象及各种事件
事件(event) event对象 (1)什么是event对象? Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态.事件通常与函数结合使用,函数不会 ...
- html EVENT对象
Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 事件通常与函数结合使用,函数不会在事件发生前被执行! onabort 图像的加 ...
- python全栈开发day49-jquery的位置信息、事件流、事件对象，事件委托，事件绑定和解绑
一.昨日内容回顾 1. jQuery的属性操作 1) html属性操作:attr 2) DOM属性操作:prop 3) 类样式操作:addClass.removeClass.toggleClas ...
- DOM中Event 对象如何使用
DOM中Event 对象如何使用 一.总结 一句话总结: 1.将event作为参数传递进来,然后就可以调用event对象的各种属性和方法了. <body onmousedown="wh ...
- 浏览器端-W3School-JavaScript-HTML DOM：HTML DOM Event 对象
ylbtech-浏览器端-W3School-JavaScript-HTML DOM:HTML DOM Event 对象 1.返回顶部 1. HTML DOM Event 对象 实例 哪个鼠标按钮被点击 ...
随机推荐
- HTML5 Introduction
1. HTML5 History HTML4.01 –1999.12 HTML5 – 2014.10– Done (8 years) In2006, WHATWG&W3C, decide to ...
- 手机新闻网站,手持移动新闻,手机报client,jQuery Mobile手机新闻网站,手机新闻网站demo,新闻阅读器开发
我们坐在地铁.经常拿出新浪手机查看新闻.腾讯新闻,或者看新闻,等刷微信功能.你有没有想过如何实现这些目标. 移动互联网.更活泼. 由于HTML5未来,jQuery Moblie未来. 今天我用jqm的 ...
- OS和android游戏纹理优化和内存优化(cocos2d-x)
注:原文地址不详! 1.2d游戏最占内存的无疑是图片资源. 2.cocos2d-x不同平台读取纹理的机制不同. ios以下使用CGImage,android和windows下是直接调用png库.我測试 ...
- Scriptcase演示程序，现在，他们使用SC多么简单的开发系统
Scriptcase它内置了一批成熟的业务系统,我们的系统的一部分已经完成和功能微调,在互联网上.检查每个人Scriptcase如何简单可以加速的功能模块的发展. 访问 http://www.phps ...
- ios结构体httpPost头结构
ios结构体httpPost头结构 by 吴雪莹 NSString* urlStr = @"; NSURL* url = [NSURL URLWithString:urlStr]; NSMu ...
- Android:仿手机QQ朋友动态ListView
1.介绍: 使用此博客XListView模仿Android版本QQ朋友动态ListView效果.效果如下面的截图: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZ ...
- 辞 = or ！= 一个新的起点！！！
辞职!他离开了公司工作三年以上.怀旧也许是一个暗示.伍德还可能有丝毫的遗憾! 简而言之.其结果是坚决离开.在一个.NET程序员的身份进入公司,但仅做了一个月.NET,而仍保持,台,框架,自己的语言!就 ...
- 动态类(Dynamic)应用
动态类(Dynamic)应用 背景: 在Coding中有时候会遇到一些需要解析的数据,可是数据的字段数量和名称未统一,我们没法定义实体类来对应.那么我们就会想到通过C#的dynamic动态类来实现,如 ...
- Asp.Net MVC5入门学习系列②
原文:Asp.Net MVC5入门学习系列② 添加一个Controller(控制器) 因为我们用的是Asp.Net MVC,MVC最终还是一套框架,所以我们还是需要遵循它才能玩下去,或者说是更好的利用 ...
- 本学习笔记TCP/IP传输协议
一个.通过网络发送数据,大致能够分为面向有连接与面向无连接两种类型: 1.面向无连接型包含以太网. IP.UDP等协议. 2. 面向有连接 型包含ATM.帧中继.TCP等 协议. 通过一张图了解一下: ...