通用JS事件写法实现代码
2009-01-07 23:35
525 查看
<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>
<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事件写法实现代码
- js和jquery实现监听键盘事件示例代码
- JS定义回车事件(实现代码)
- js模拟点击事件实现代码
- js模拟点击事件实现代码
- Js 冒泡事件阻止实现代码
- js和jquery实现监听键盘事件示例代码
- js捕获鼠标右键菜单中的粘帖事件实现代码
- js模拟点击事件实现代码
- Js 冒泡事件阻止实现代码
- [网络收集]给radio类型的INPUT添加客户端脚本 --附加实现JS来禁用onClick事件思路代码
- js模拟点击事件实现代码
- Cpage.js给组件绑定事件的实现代码
- js捕获鼠标右键菜单中的粘帖事件实现代码
- 理解Node.js的事件循环(代码是异步单线程,内部实现用的还是进程和线程,基于池化的线程实现异步)
- js模拟点击事件实现代码
- 通用JS事件写法
- 为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
- 【JavaScript代码实现二】通用的事件侦听器函数