编程 Javascript

通用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>

通用JS事件写法实现代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript执行效率全面总结

Nov 04 Javascript

javaScript中slice函数用法实例分析

Jun 08 Javascript

js实现倒计时及时间对象

Nov 15 Javascript

jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】

Mar 24 jQuery

react-router实现按需加载

May 09 Javascript

通过jquery获取上传文件名称、类型和大小的实现代码

Apr 19 jQuery

webpack中的模式(mode)使用详解

Feb 20 Javascript

Node.js+Vue脚手架环境搭建的方法步骤

Mar 08 Javascript

vscode 配置vue+vetur+eslint+prettier自动格式化功能

Mar 23 Javascript

微信小程序吸底区域适配iPhoneX的实现

Apr 09 Javascript

JavaScript this关键字的深入详解

Jan 14 Javascript

SSM VUE Axios详解

Oct 05 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 地址栏信息的获取代码

2009/01/07 PHP

php Smarty date_format [格式化时间日期]

2010/03/15 PHP

PHP中将ip地址转成十进制数的两种实用方法

2013/08/15 PHP

php查询mysql数据库并将结果保存到数组的方法

2015/03/18 PHP

PHP登录（ajax提交数据和后台校验）实例分享

2016/12/29 PHP

JQuery 选择器、过滤器介绍

2011/02/14 Javascript

jQuery Tools Dateinput使用介绍

2012/07/14 Javascript

防止登录页面出现在frame中js代码

2014/07/22 Javascript

javascript实现全角与半角字符的转换

2015/01/07 Javascript

javascript通过元素id和name直接取得元素的方法

2015/04/28 Javascript

JavaScript数组对象实现增加一个返回随机元素的方法

2015/07/27 Javascript

jquery实现的伪分页效果代码

2015/10/29 Javascript

js实现的万能flv网页播放器代码

2016/04/30 Javascript

js replace(a,b)之替换字符串中所有指定字符的方法

2016/08/17 Javascript

AngularJs bootstrap搭载前台框架——基础页面

2016/09/01 Javascript

关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法

2017/03/02 Javascript

Vue中img的src属性绑定与static文件夹实例

2017/05/18 Javascript

详解使用angularjs的ng-options时如何设置默认值(初始值)

2017/07/18 Javascript

easyui-datagrid开发实践(总结)

2017/08/02 Javascript

javascript实现5秒倒计时并跳转功能

2019/06/20 Javascript

node命令行工具之实现项目工程自动初始化的标准流程

2019/08/12 Javascript

Vue.js标签页组件使用方法详解

2019/10/19 Javascript

vue props对象validator自定义函数实例

2019/11/13 Javascript

JS实现商品橱窗特效

2020/01/09 Javascript

微信小程序开发打开另一个小程序的实现方法

2020/05/17 Javascript

[19:24]DOTA2客户端使用指南一分钟快速设置轻松超神

2013/09/24 DOTA

Python eval函数原理及用法解析

2020/11/14 Python

AmazeUI 单选框和多选框的实现示例

2020/08/18 HTML / CSS

金牌葡萄酒俱乐部：Gold Medal Wine Club

2017/11/02 全球购物

物业管理个人自我评价

2013/11/08 职场文书

学校十一活动方案

2014/02/01 职场文书

小学数学国培感言

2014/03/10 职场文书

竞争与合作演讲稿

2014/05/12 职场文书

钱塘江大潮导游词

2015/02/03 职场文书

jdbc使用PreparedStatement批量插入数据的方法

2021/04/27 MySQL

mysql事务对效率的影响分析总结

2021/10/24 MySQL