js鼠标点击暂停？js怎么编写鼠标的右击**
一、js鼠标悬停事件
第一：js进行鼠标悬停事件来处理DOM实际上是不合理的。对于界面交互上能通过css处理的事件就不要用js来处理；
第二：恰好css对于鼠标悬停是有对应的选择器及其处理；
处理方法：如图A：
假设A的id为a，css代码如下：
#a{
width:100px;
height:36px;
float:left;
}
//对于位置的固定可以自行选择处理,当前用float固定。
#a:hover{
width:200px
}
结果将会如你图中所需要的完成。
如必须用JS处理的话，代码如下：
//既定a的样式已明确：
//html代码:
<spanid='a'onmouseover="fc1(this)"
onmouseout="fc2(this)"></span>
<script>
functionfc1(node){
node.style.width='200px';
}
functionfc2(node){
node.style.width='100px';
}
</script>
二、html鼠标经过自动展开和点击展开代码。
1．创建一个新的HTML文件百，该文件被称为测试。标题是“CSS实现的鼠标在导航栏上显示的超链接的下划线效果”。
2．在页面上写nav标签，放入三个超链接（首页，第一栏，第二栏），代码如下。
3．运行代码，效果如下。
4．使用backCSS来美化字体大小、颜色和导航字体的排列。守则如下。
5．运行代码，效果如下：可见，经过CSS样式美化，当鼠标经过时，显示蓝色。
6．使用CSS代码，实现鼠标在上面显示下划线效果，代码如下。
7．在浏览器中运行代码以达到预期的效果。
三、js鼠标移入事件,限制执行次数
<!DOCTYPEHTML>
<html>
<head>
<title>TestMouse</title>
<metacharset="utf-8"/>
</head>
<style>
body{
background-color:gray;
}
.rect{
position:relative;
display:block;
width:100px;
height:100px;
background-color:red;
margin:0auto;
cursor:pointer;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
border:3pxsolidyellow;
}
.timeBox{
position:relative;
display:block;
margin:10pxauto;
width:300px;
height:35px;
text-align:center;
}
</style>
<body>
<divclass="rect"id="rect"onclick="setCount()"></div>
<inputtype="text"class="timeBox"id="timeBox"disabled/>
<script>
/*主要思路是：
一开始时标签上是有onclick属性的，然后点击之后进入方法，
便把onclick事件移除，且
方法中有setTimeout函数，设置时间的时间到期之后便会执行，
执行的功能就是给标签添加onclick事件，那么点击就会又有效果了
*/
varrect=document.getElementById("rect");
vartimer=1;
varclickCount=0;
varrunCount=0;
//addEvnetListner有兼容性问题，此处我只针对Mozilla系列
rect.addEventListener("click",function(){clickCount++;},false);
functionsetCount(){
rect.onclick=null;
timer=setTimeout(timeOver,2000);
}
functiontimeOver(){
runCount++;
rect.onclick=setCount;
document.getElementById("timeBox").value="点击次数："+clickCount+"，执行次数："+runCount;
//clearTimeout(timer);
}
</script>
</body>
</html>
四、js怎么编写鼠标的右击事件
js右击事件
先贴代码：
注意的两个点是：
①：先取消默认右击事件,event.preventDefault();
②：判断event.Button:0:左键，1：滚轮，2：右键。
值得一说的的是"oncontextmenu"是指右键按下时的作用。
再给一个应用吧：
右击div显示出自己定义的菜单，点击除了div的地方，是默认的右击事件。
代码：
效果自行查看吧，其实也没啥。
原理是，右键的菜单其实是一个隐藏的div,当点击父类div的时候，它出现而已。（貌似这样一说显得这个程序好垃圾啊，_(___)_其实这也是大厦的一块砖，少了它，大厦会塌的）
再给了类似的应用吧,一个点击div消失的效果。
