编程 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 相关文章推荐

jQuery 删除或是清空某个HTML元素示例

Aug 04 Javascript

js简单实现表单中点击按钮动态增加输入框数量的方法

Aug 18 Javascript

JavaScript文本框脚本编写的注意事项

Jan 25 Javascript

AngularJS基于provider实现全局变量的读取和赋值方法

Jun 28 Javascript

Vue2几种常见开局方式详解

Sep 09 Javascript

vue中使用refs定位dom出现undefined的解决方法

Dec 21 Javascript

使用react实现手机号的数据同步显示功能的示例代码

Apr 03 Javascript

Vue中的v-for循环key属性注意事项小结

Aug 12 Javascript

详解如何更好的使用module vuex

Mar 27 Javascript

微信小程序webview 脚手架使用详解

Jul 22 Javascript

Vue+abp微信扫码登录的实现代码示例

Jan 06 Javascript

微信小程序自定义tabBar的踩坑实践记录

Nov 06 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

php5中date()得出的时间为什么不是当前时间的解决方法

2008/06/30 PHP

攻克CakePHP系列二表单数据显示

2008/10/22 PHP

php中sprintf与printf函数用法区别解析

2014/02/17 PHP

dedecms中使用php语句指南

2014/11/13 PHP

解决JS浮点数运算出现Bug的方法

2013/03/12 Javascript

js实现的常用的左侧导航效果

2013/10/17 Javascript

js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)

2014/01/14 Javascript

使用jquery实现仿百度自动补全特效

2015/07/23 Javascript

jquery自定义右键菜单、全选、不连续选择

2016/03/01 Javascript

BootStrap响应式导航条实例介绍

2016/05/06 Javascript

两种js监听滚轮事件的实现方法

2016/05/13 Javascript

内容滑动切换效果jquery.hwSlide.js插件封装

2016/07/07 Javascript

BootStrap iCheck插件全选与获取value值的解决方法

2016/08/24 Javascript

Java中int与integer的区别（基本数据类型与引用数据类型）

2017/02/19 Javascript

详解vue.js全局组件和局部组件

2017/04/10 Javascript

vue之将echart封装为组件

2018/06/02 Javascript

JS继承定义与使用方法简单示例

2020/02/19 Javascript

javascript前端和后台进行数据交互方法示例

2020/08/07 Javascript

关于angular引入ng-zorro的问题浅析

2020/09/09 Javascript

[01:26]神话结束了，却也刚刚开始——DOTA2新英雄玛尔斯驾临战场

2019/03/10 DOTA

Python封装shell命令实例分析

2015/05/05 Python

python入门：这篇文章带你直接学会python

2018/09/14 Python

学习python分支结构

2019/05/17 Python

Python re正则表达式元字符分组()用法分享

2020/02/10 Python

Pycharm同步远程服务器调试的方法步骤

2020/11/04 Python

美国购买和销售礼品卡平台：Raise

2017/01/13 全球购物

娇韵诗Clarins意大利官方网站：法国天然护肤品牌

2020/03/11 全球购物

高中军训感想800字

2014/02/23 职场文书

六一活动主持词

2015/06/30 职场文书

党风廉政教育心得体会2016

2016/01/22 职场文书

《田忌赛马》教学反思

2016/02/19 职场文书

干货：如何写好工作总结报告！

2019/05/10 职场文书

PHP基本语法

2021/03/31 PHP

PHP命令行与定时任务

2021/04/01 PHP

CocosCreator如何实现划过的位置显示纹理

2021/04/14 Javascript

SONY AN-LP1 短波有源天线放大器图

2022/04/05 无线电