通用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 相关文章推荐
js中将具有数字属性名的对象转换为数组
Mar 06 Javascript
遍历jquery对象的代码分享
Nov 02 Javascript
JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】
May 10 Javascript
js停止冒泡和阻止浏览器默认行为的简单方法
May 15 Javascript
Bootstrap表单布局样式代码
May 31 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
Jan 14 Javascript
JavaScript字符集编码与解码详谈
Feb 02 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
Mar 13 Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
Jun 30 Javascript
node实现分片下载的示例代码
Oct 17 Javascript
详解微信小程序-canvas绘制文字实现自动换行
Apr 26 Javascript
实现一个Vue自定义指令懒加载的方法示例
Jun 04 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
77A一级收信机修理记
2021/03/02 无线电
php实现文件下载实例分享
2014/06/02 PHP
php实现建立多层级目录的方法
2014/07/19 PHP
PHP中Notice错误常见解决方法
2017/04/28 PHP
PHP读取并输出XML文件数据的简单实现方法
2017/12/22 PHP
PHP实现的防止跨站和xss攻击代码【来自阿里云】
2018/01/29 PHP
Laravel 数据库加密及数据库表前缀配置方法
2019/10/10 PHP
google 搜索框添加关键字实现代码
2010/04/24 Javascript
图片上传插件jquery.uploadify详解
2013/11/15 Javascript
JS 数字转换研究总结
2013/12/26 Javascript
SeaJS 与 RequireJS 的差异对比
2014/12/08 Javascript
Js可拖拽放大的层拖动特效实现方法
2015/02/25 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
Easyui的组合框的取值与赋值
2016/10/28 Javascript
Javascript实现一个简单的输入关键字添加标签效果实例
2017/06/01 Javascript
JS实现的文字间歇循环滚动效果完整示例
2018/02/13 Javascript
vue-cli下的vuex的简单Demo图解(实现加1减1操作)
2018/02/26 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
2018/03/03 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
2019/09/12 Javascript
layui自定义工具栏的方法
2019/09/19 Javascript
element form 校验数组每一项实例代码
2019/10/10 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
2020/09/08 Javascript
简单的通用表达式求10乘阶示例
2014/03/03 Python
使用FastCGI部署Python的Django应用的教程
2015/07/22 Python
python简单读取大文件的方法
2016/07/01 Python
python实现数据图表
2017/07/29 Python
详解Ubuntu16.04安装Python3.7及其pip3并切换为默认版本
2019/02/25 Python
pyspark给dataframe增加新的一列的实现示例
2020/04/24 Python
Python学习之time模块的基本使用
2021/01/17 Python
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
意大利中国电子产品购物网站:Geekmall.com
2019/09/30 全球购物
七一讲话心得体会
2014/09/05 职场文书
我的暑假生活作文(五年级)范文
2019/08/07 职场文书
自己搭建resnet18网络并加载torchvision自带权重的操作
2021/05/13 Python
MySQL 百万级数据的4种查询优化方式
2021/06/07 MySQL
Python实现滑雪小游戏
2021/09/25 Python