通用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 学习之旅 (2)
Feb 05 Javascript
仅img元素创建后不添加到文档中会执行onload事件的解决方法
Jul 31 Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
Jul 25 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
Aug 27 Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
Dec 15 Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
Apr 06 Javascript
js 截取或者替换字符串中的数字实现方法
Jun 13 Javascript
javascript 产生随机数的几种方法总结
Sep 26 Javascript
微信小程序的生命周期的详解
Oct 19 Javascript
angular 实时监听input框value值的变化触发函数方法
Aug 31 Javascript
jQuery删除/清空指定元素的所有子节点实例代码
Jul 04 jQuery
简单了解vue 插值表达式Mustache
Jul 22 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
国内咖啡文化
2021/03/03 咖啡文化
PHP数据类型之布尔型的介绍
2013/04/28 PHP
解析thinkphp中的导入文件标签
2013/06/20 PHP
php实现获取文件mime类型的方法
2015/02/11 PHP
解决laravel 出现ajax请求419(unknown status)的问题
2019/09/03 PHP
js用图作提交按钮或超连接
2008/03/26 Javascript
JavaScript 获得选中文本内容的方法
2009/02/15 Javascript
点击标签切换和自动切换DIV选项卡
2014/08/10 Javascript
jQuery中addClass()方法用法实例
2015/01/05 Javascript
跟我学习JScript的Bug与内存管理
2015/11/18 Javascript
JavaScript常用基础知识强化学习
2015/12/09 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
使用vue.js制作分页组件
2016/06/27 Javascript
Node.js 实现简单小说爬虫实例
2016/11/18 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
2016/11/22 Javascript
Bootstrap模态框插件使用详解
2017/05/11 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
2017/09/29 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
2018/05/08 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
2019/05/14 Javascript
详解JavaScript 异步编程
2020/07/13 Javascript
理解Python中的With语句
2016/03/18 Python
Python测试网络连通性示例【基于ping】
2018/08/03 Python
Python+OpenCV图片局部区域像素值处理详解
2019/01/23 Python
pymongo中group by的操作方法教程
2019/03/22 Python
python中aioysql(异步操作MySQL)的方法
2019/04/11 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
2016/03/16 HTML / CSS
Pretty You London官网:英国拖鞋和睡衣品牌
2019/05/08 全球购物
Jowissa官方网站:瑞士制造的手表,优雅简约的设计
2020/07/29 全球购物
几个常见的软件测试问题
2016/09/07 面试题
求职信模版
2013/11/30 职场文书
中国梦演讲稿5分钟
2014/08/19 职场文书
孝敬父母的活动方案
2014/08/31 职场文书
2015年小学远程教育工作总结
2015/07/28 职场文书
大学生党员暑假实践(活动总结)
2019/08/21 职场文书
Python经常使用的一些内置函数
2022/04/11 Python