通用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学习笔记(三) String 字符串类型介绍
Jun 19 Javascript
Bootstrap树形控件使用方法详解
Jan 27 Javascript
浅谈JavaScript前端开发的MVC结构与MVVM结构
Jun 03 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
Nov 07 Javascript
浅谈jquery拼接字符串效率比较高的方法
Feb 22 Javascript
AngularJS 仿微信图片手势缩放的实例
Sep 28 Javascript
利用HBuilder打包前端开发webapp为apk的方法
Nov 13 Javascript
js 索引下标之li集合绑定点击事件
Jan 12 Javascript
原生JavaScript实现todolist功能
Mar 02 Javascript
webpack 模块热替换原理
Apr 09 Javascript
layui radio点击事件实现input显示和隐藏的例子
Sep 02 Javascript
微信小程序完美解决scroll-view高度自适应问题的方法
Aug 08 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
php多维数组去掉重复值示例分享
2014/03/02 PHP
PHP中创建和验证哈希的简单方法实探
2015/07/06 PHP
php随机获取金山词霸每日一句的方法
2015/07/09 PHP
PHP中危险的file_put_contents函数详解
2017/11/04 PHP
PHP连接MySQL数据库并以json格式输出
2018/05/21 PHP
ThinkPHP中图片按比例切割的代码实例
2019/03/08 PHP
让您的菜单不离网站
2006/10/03 Javascript
firefox插件Firebug的使用教程
2010/01/02 Javascript
javascript Firefox与IE 替换节点的方法
2010/02/24 Javascript
关于JavaScript中string 的replace
2013/04/12 Javascript
选择器中含有空格在使用示例及注意事项
2013/07/31 Javascript
在JavaScript的AngularJS库中进行单元测试的方法
2015/06/23 Javascript
JavaScript实现99乘法表及隔行变色实例代码
2016/02/24 Javascript
JS获取input file绝对路径的方法(推荐)
2016/08/02 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例
2017/08/29 Javascript
Angular2之二级路由详解
2018/08/31 Javascript
layui 实现表格某一列显示图标
2019/09/19 Javascript
layui switch 开关监听 弹出确定状态转换的例子
2019/09/21 Javascript
Vue-cli打包后部署到子目录下的路径问题说明
2020/09/02 Javascript
基于vue hash模式微信分享#号的解决
2020/09/07 Javascript
Python切片用法实例教程
2014/09/08 Python
Python装饰器语法糖
2019/01/02 Python
python 自定义装饰器实例详解
2019/07/20 Python
python  logging日志打印过程解析
2019/10/22 Python
Python 读取 YUV(NV12) 视频文件实例
2019/12/09 Python
欧洲第一中国智能手机和平板电脑网上商店:CECT-SHOP
2018/01/08 全球购物
中国茶叶、茶具一站式网上购物商城:醉品茶城
2018/07/03 全球购物
加拿大的标志性百货公司:Hudson’s Bay(哈得逊湾)
2019/09/03 全球购物
测试时代收集的软件测试面试题
2013/09/25 面试题
军人违纪检讨书
2014/02/04 职场文书
教师党员承诺书2015
2015/01/21 职场文书
2015年全国助残日活动方案
2015/05/04 职场文书
浅谈mysql执行过程以及顺序
2021/05/12 MySQL
python文本处理的方案(结巴分词并去除符号)
2021/05/26 Python
html form表单基础入门案例讲解
2021/07/21 HTML / CSS