鼠标事件
来源:互联网 发布:网络理财官方网站 编辑:程序博客网 时间:2024/04/29 09:56
鼠标事件 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>马国福 测试关于鼠标事件</title> </head> <script type="text/javascript"> window.onload = displayDiv; // 页面加载时 // document.oncontextmenu = function(){return false; }// 屏蔽鼠标右键 // document.onmousedown = muoseRight; // 鼠标右击时 function muoseRight() { if(event.button == 2 || event.button == 0) { var oDiv = document.getElementById("div1"); oDiv.style.left = event.clientX - 10; // 层的左距离坐标 oDiv.style.top = event.clientY - 10; // 层的右距离坐标 oDiv.style.display = "block"; // oDiv.innerHTML = "没有获取ID"; divMouseout(); // return false; } } // 动态添加控件鼠标事件 function displayDiv() { var inps = document.getElementsByTagName("input"); for(var i = 0; i < inps.length; i ++ ) { var note = inps[i]; if(note && note.className == "shijiaos") { note.onmouseover = MouseOver; // note.onmouseout = MouseOut; } } } // 鼠标移动到层时 function MouseOver() { var note = this.id; var oDiv = document.getElementById("div1"); oDiv.style.left = event.clientX; // 层的左距离坐标 oDiv.style.top = event.clientY; // 层的右距离坐标 if(note) { var temp = document.getElementById(note); if(temp) { // oDiv.innerHTML = temp.value; var a = document.getElementById("heid1"); a.value = temp.value; } } else { // oDiv.innerHTML = "没有获取ID"; } // oDiv.style.display = "block"; } // 离开层时 function divMouseout() { var divObj = document.getElementById("div1"); divObj.onmouseout = MouseOut; } // onmouseOut事件 function MouseOut() { var oDiv = document.getElementById("div1"); oDiv.style.display = "none"; } function saveas() { var a = document.getElementById("heid1"); alert(a.value); } </script> <style type="text/css"> #div1 { background-color: red; height: 25px; width: 100px; position: absolute; } </style> </head> <body > <p>鼠标事件</p> <p><div id="div1" style="display:none "> <table> <tr><td oncontextmenu="return false" > <input type="button" id="input1" value="save as" onclick="saveas()"/></td></tr> </table> </div> </p> <table cellpadding="0" cellspacing="0" border="1"> <tr><td oncontextmenu="muoseRight();return false" > <input type="hidden" id="heid1"> <input type="text" value="111" type="text" id="txtShiJ1" class="shijiaos" /> <input type="text" value="222" type="text" id="txtShiJ2" class="shijiaos" /> </td></tr></table> </body> </html> |
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件!
- 鼠标事件
- Servlet3.0新规范(JSR-135)沉思(一) by Roy van Rijn
- 企业架构浪潮又起 看SOA究竟有什么魔力
- VS包加载失败 VS工具错误
- mapInfo文件格式详解
- 关于开发效率和项目周期的问题
- 鼠标事件
- MapInfo数据字典、文件结构说明
- 培训是一种乐趣(3)
- 李彦宏:互联网——标定中国应该的新边疆
- creatprocess 传入参数例子
- addr和offset区别
- ga
- 发一下试试
- 创业是什么?