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

在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码

Apr 20 Javascript

javascript Demo模态窗口

Dec 06 Javascript

jQuery随机密码生成的方法

Mar 09 Javascript

js实现汉字排序的方法

Jul 23 Javascript

jquery取消事件冒泡的三种方法(推荐)

May 28 Javascript

Vue.js如何优雅的进行form validation

Apr 07 Javascript

jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法

Jan 18 jQuery

解决node修改后需频繁手动重启的问题

May 13 Javascript

浅谈微信页面入口文件被缓存解决方案

Sep 29 Javascript

JavaScript相等运算符的九条规则示例详解

Oct 20 Javascript

vue实现学生信息管理系统

May 30 Javascript

如何使用CocosCreator对象池

Apr 14 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