通用JS事件写法实现代码


Posted in Javascript onJanuary 07, 2009

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>test</title>
<script language="javascript" type="text/javascript">
window.onload = function()
{
var oImg = document.getElementById("myImg");
oImg.onclick = handle;
oImg.onmouseover = handle;
}
function handle(oEvent)
{
var oDiv = document.getElementById("display");

//处理浏览器兼容性,获得事件对象
if(window.event) //判断是否为IE浏览器
{
oEvent = window.event;
}

if(oEvent.type == "click")
{
oDiv.innerHTML += "点击<br>";
}
if(oEvent.type == "mouseover")
{
oDiv.innerHTML += "移动<br>";
}
}
</script>
</head>
<body>
<img id="myImg" src="test.gif" />
<div id="display"></div>
</body>
</html>

Javascript 相关文章推荐
关于juqery radio写法的兼容性问题(新老版本jquery)
Jun 14 Javascript
js禁止页面使用右键(简单示例代码)
Nov 13 Javascript
js实现简单的购物车有图有代码
May 26 Javascript
使用JavaScript+canvas实现图片裁剪
Jan 30 Javascript
jquery实现表单验证简单实例演示
Nov 23 Javascript
Jquery组件easyUi实现表单验证示例
Aug 23 Javascript
微信小程序 弹窗自定义实例代码
Mar 08 Javascript
Javascript操作dom对象之select全面解析
Apr 24 Javascript
jQuery实现轮播图及其原理详解
Apr 12 jQuery
优雅的在React项目中使用Redux的方法
Nov 10 Javascript
浅谈Vue 性能优化之深挖数组
Dec 11 Javascript
JavaScript实现下拉列表
Jan 20 Javascript
javascript 表单的友好用户体现
Jan 07 #Javascript
JavaScript Prototype对象
Jan 07 #Javascript
开发跨浏览器javascript常见注意事项
Jan 01 #Javascript
用于判断用户注册时,密码强度的JS代码
Jan 01 #Javascript
很全的显示阴历(农历)日期的js代码
Jan 01 #Javascript
js继承 Base类的源码解析
Dec 30 #Javascript
动态创建的表格单元格中的事件实现代码
Dec 30 #Javascript
You might like
6种php上传图片重命名的方法实例
2013/11/04 PHP
php编写的简单页面跳转功能实现代码
2013/11/27 PHP
PHP的preg_match匹配字符串长度问题解决方法
2014/05/03 PHP
Laravel 创建指定表 migrate的例子
2019/10/09 PHP
js验证表单第二部分
2006/11/25 Javascript
IE和firefox浏览器的event事件兼容性汇总
2009/12/06 Javascript
Javascript拓展String方法小结
2013/07/08 Javascript
Javascript实现视频轮播在pc端与移动端均可
2013/09/29 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
2014/11/26 Javascript
jQuery知识点整理
2015/01/30 Javascript
JavaScript中字符串(string)转json的2种方法
2015/06/25 Javascript
详解AngularJS控制器的使用
2016/03/09 Javascript
Bootstrap实现input控件失去焦点时验证
2016/08/04 Javascript
vue组件之Alert的实现代码
2017/10/17 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
2018/11/04 Javascript
发布一款npm包帮助理解npm的使用
2019/01/03 Javascript
[56:58]VP vs Optic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[53:50]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python获取DLL和EXE文件版本号的方法
2015/03/10 Python
Python操作MySQL数据库9个实用实例
2015/12/11 Python
django批量导入xml数据
2016/10/16 Python
如何使用 Pylint 来规范 Python 代码风格(来自IBM)
2018/04/06 Python
python基于递归解决背包问题详解
2019/07/03 Python
Django CSRF跨站请求伪造防护过程解析
2019/07/31 Python
Python 函数list&amp;read&amp;seek详解
2019/08/28 Python
Python性能分析工具Profile使用实例
2019/11/19 Python
django model object序列化实例
2020/03/13 Python
教师的实习鉴定
2013/12/15 职场文书
高一家长会邀请函
2014/01/12 职场文书
父亲追悼会答谢词
2014/01/17 职场文书
文化宣传方案
2014/03/13 职场文书
物流管理毕业生自荐信范文
2014/03/15 职场文书
思想作风纪律整顿心得体会
2014/09/04 职场文书
领导班子在批评与自我批评座谈会上的发言
2014/09/28 职场文书
圣诞节开幕词
2015/01/29 职场文书
宾馆安全管理制度
2015/08/06 职场文书