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

动态修改DOM 里面的 id 属性的弊端分析

Sep 03 Javascript

jquery $.ajax各个事件执行顺序

Oct 15 Javascript

jquery实现可横向和竖向展开的动态下滑菜单效果

Aug 24 Javascript

jquery+CSS3实现3D拖拽相册效果

Jul 18 Javascript

一个极为简单的requirejs实现方法

Oct 20 Javascript

Javascript 实现计算器时间功能详解及实例（二）

Jan 08 Javascript

javascript DOM的详解及实例代码

Mar 06 Javascript

解决VUEX兼容IE上的报错问题

Mar 01 Javascript

纯JS实现的读取excel文件内容功能示例【支持所有浏览器】

Jun 23 Javascript

vue移动端实现红包雨效果

Jun 23 Javascript

微信小程序JS加载esmap地图的实例详解

Sep 04 Javascript

使用Karma做vue组件单元测试的实现

Jan 16 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