通用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 相关文章推荐
javascript中的107个基础知识收集整理 推荐
Mar 29 Javascript
js保留小数点后几位的写法
Jan 03 Javascript
JS实现的一个简单的Autocomplete自动完成例子
Apr 16 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
Jul 27 Javascript
jQuery+formdata实现上传进度特效遇到的问题
Feb 24 Javascript
js实现界面向原生界面发消息并跳转功能
Nov 22 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
Apr 27 Javascript
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 jQuery
vue2.0 路由不显示router-view的解决方法
Mar 06 Javascript
Vue项目数据动态过滤实践及实现思路
Sep 11 Javascript
vue 中几种传值方法(3种)
Nov 12 Javascript
Vue 实现可视化拖拽页面编辑器
Feb 01 Vue.js
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
新手学PHP之数据库操作详解及乱码解决!
2007/01/02 PHP
JavaScript 对象、函数和继承
2009/07/07 Javascript
23个超流行的jQuery相册插件整理分享
2011/04/25 Javascript
主页面中的两个iframe实现鼠标拖动改变其大小
2013/04/16 Javascript
JavaScript中this的使用详解
2013/11/08 Javascript
js中精确计算加法和减法示例
2014/03/28 Javascript
node.js中的querystring.parse方法使用说明
2014/12/10 Javascript
jQuery插件zepto.js简单实现tab切换
2015/06/16 Javascript
Bootstrap树形组件jqTree的简单封装
2016/01/25 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
2016/06/06 Javascript
AngularJS equal比较对象实例详解
2016/09/14 Javascript
JS判断非空至少输入两个字符的简单实现方法
2017/06/23 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
2018/07/04 Javascript
JS中注入eval, Function等系统函数截获动态代码
2019/04/03 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
2019/11/26 Javascript
JS中的继承操作实例总结
2020/06/06 Javascript
[42:32]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第二场 11.27
2020/12/01 DOTA
[54:26]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第一场 12.10
2020/12/12 DOTA
python回溯法实现数组全排列输出实例分析
2015/03/17 Python
python使用urllib2实现发送带cookie的请求
2015/04/28 Python
Python利用ansible分发处理任务
2015/08/04 Python
python变量赋值方法(可变与不可变)
2019/01/12 Python
Python中断多重循环的思路总结
2019/10/04 Python
使用 Python 合并多个格式一致的 Excel 文件(推荐)
2019/12/09 Python
keras实现VGG16 CIFAR10数据集方式
2020/07/07 Python
四方通行旅游网:台湾订房、出国旅游
2017/09/20 全球购物
Ruby中的保护方法和私有方法与一般面向对象程序设计语言的一样吗
2013/05/01 面试题
班长岗位职责
2013/11/10 职场文书
后勤人员岗位职责
2013/12/17 职场文书
不尊敬老师的检讨书
2014/12/21 职场文书
销售员岗位职责
2015/02/10 职场文书
企业财务总监岗位职责
2015/04/03 职场文书
2015年优质护理服务工作总结
2015/04/08 职场文书
2015年护士节活动策划方案
2015/05/04 职场文书
详解Redis主从复制实践
2021/05/19 Redis
SQL Server实现分页方法介绍
2022/03/16 SQL Server