onmousemove、onmouseover、 onmouseup及onclick的区别
时间上 onmousemove 事件触发后，再触发 onmouseover 事件。
按钮上 不区分鼠标按钮。
动作上 onmouseover 只在刚进入区域时触发。 onmousemove 除了刚进入区域触发外，在区域内移动鼠标，也会触发该事件。
当鼠标移动很快时，可能不会触发这两个事件
时间上 onmouseup 事件触发后，再触发 onclick 事件。
按钮上 onmouseup 检测鼠标任意键（包含滚轮），onclick只有在鼠标左键时触发。
动作上 onmouseup 侧重于检测鼠标弹起，而 onclick 检测鼠标按下并弹起。在文档任意区域按下鼠标，甚至用 Alt+Tab 切换任务，再 Alt+Tab 切换回来，再将指针移到控件上，放开鼠标，仍可触发 onmouseup 事件；而 onclick 必须在同一元素上按下并释放（在鼠标按下与释放之间切换任务时，IE 不再承认 onclick，NS 则仍承认）。
//有用的td批注
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript" src="js/common.js"></script>
<script>
function modelImport(obj)
{
var Menu=$("modelImportDiv");
var oRect=obj.getBoundingClientRect();
var Right=oRect.right;
var Top=oRect.top;
var x=document.documentElement.scrollLeft+event.clientX;//鼠标x坐标
var y=document.documentElement.scrollTop+event.clientY;//鼠标y坐标
if(x>=Right-5 && y<=eval_r(Top)+5)//5*5为背景图的大小
Menu.style.visibility='visible';
else
Menu.style.visibility='hidden';
}
</script>
</head>
<body>
<table width="200" border="1">
<tr>
<td οnmοusemοve="modelImport(this)" οnmοuseοut="$('modelImportDiv').style.visibility='hidden'">345</td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
<div id="modelImportDiv" style="background:#EAEAEA; visibility:hidden;">
<table cellspacing="0" cellpadding="2" align="left">
<tr>
<td> 下载模板：</td>
<td nowrap><a href="#" onClick="window.location.href='导入模板.xls'">账 户</a></td>
</tr>
<tr>
<td> 导入文件：</td>
<td nowrap><input type="file" name="StructureFile" id="StructureFile" size="18" /></td>
</tr>
<tr>
<td align="center" colspan="2"><input value="导 入" id="btnModelImport" onClick="filecheck()" type="button">
</input>
<input value="取 消" id="btnClose" onClick="$('modelImportDiv').style.visibility='hidden'" type="button">
</input></td>
</tr>
</table>
</div>
onmousemove、onmouseover、 onmouseup及onclick的区别相关推荐
- JavaScript鼠标事件onmousedown,onmousemove,onmouseout,onmouseover,onmouseup的用法和区别详解
鼠标事件onmousedown,onmousemove,onmouseout,onmouseover,onmouseup详解 1.事件属性如下: 2.下面用一段代码来了解和体验这些鼠标事件的用法: & ...
- onmousedown、onmouseup、onclick的区别；
onmousedown:鼠标点击没有抬起发生的事件: onmouseup:鼠标点击后,抬起才发生的事件: onclick:鼠标点击抬起都发生的时候才触发的事件: window.onload = fun ...
- HTML DOM|onmouseover、onmouseout、onmousedown、onmouseup、onclick超级易懂实例讲解
HTML DOM|onmouseover.onmouseout.onmousedown.onmouseup.onclick 1.onmouseover和onmouseout 根据单词的意思就可以看出这 ...
- a标签的href和onclick的区别
链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接): 假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作 ...
- click()和onclick()的区别
click()和onclick()的区别: 1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么 click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触 ...
- js中click()与onclick()的区别
由一个简单示例到 js中click()与onclick()的区别 之前朋友在学习js的时候遇到一个有意思的问题. 先贴一份代码说一下代码构成 这里是html结构 <ul><li> ...
- jQuery中click和onclick的区别
click()和onclick()的区别: 1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么 click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触 ...
- JS中click和onclick本质区别
本文主要JavaScript中click和onclick本质区别 click是一个方法,onclick是一个事件. 求同: 告诉浏览器在鼠标点击时候要做什么. 存异: click属于方法,是JS语句直 ...
- onmousedown、onmouseup 以及 onclick事件
onmousedown.onmouseup 以及 onclick 文献种类:专题技术文献: 开发工具与关键技术: VS JavaScript 作者:吴泽锋 撰写时间:2019年4月8日12.onmou ...
最新文章
- 2021 CSDN年度回忆录
- 5天玩转PyTorch深度学习，从GAN到词嵌入都有实例丨教程资源
- forall oracle 游标,FORALL用法小结
- Winform中使用NPOI导出Excel时XSSFWorkbook wb = new XSSFWorkbook()报错
- python学习笔记-day2-dict,tuple, string常用函数
- 2017双11交易系统TMF2.0技术揭秘，实现全链路管理
- 查看linux网络带宽
- 监控mysql锁定状态_Shell脚本监控MySQL主从状态
- JAVA 实现《warcraft java版》游戏
- 区块链技术介绍PPT
- CSS3与CSS的区别有哪些？
- 5053服务器未响应,5053，控制器未响应
- 机器学习笔记--微积分
- 毕业晚会主题八个字计算机学院,毕业主题标语8个字
- linux将一段时间内文件压缩,在 Linux 上压缩文件的 5 种方法
- Python对csv、ini、xml、excel等格式文件操作用例
- 〖经典怀念〗新白娘子传奇MV之青姐17部完整原版下载
- 十一五”核高基“陷入迷途，出路何在？
- 字符串copy函数技术推演
- 最美IT女神——中国计算机之母：夏培肃