js鼠标触发事件_js鼠标点击触发事件请问这个怎么实现

⑴ js 鼠标移入触发事件。多次触发。

这是肯定会触发的，div包含在li里边，只要你鼠标划入li必定触发事件，并不是重复触发。

mouseover和mouseout都是冒泡事件。mouseenter是ie独有的。我从网上扒了段代码

function isMouseLeaveOrEnter(e, handler) {
if (e.type != 'mouseout' && e.type != 'mouseover') return false;
var reltg = e.relatedTarget ? e.relatedTarget : e.type == 'mouseout' ? e.toElement : e.fromElement;
while (reltg && reltg != handler)
reltg = reltg.parentNode;
return (reltg != handler);
}

⑵ 如何用JS写鼠标触发事件

简单的示例div的背景色会随着鼠标进入变红离开变白点击变绿双击变蓝版

vardivs=document.getElementsById('div1');
divs.onmouseover=function(){
this.style.background='red'
}
divs.onmouseout=function(){
this.style.background=''
}
divs.onclick=function(){
this.style.background='green'
}divs.ondblclick=function(){
this.style.background='blue'
}

代码要写权在 window.onload () 或者 document.onready()

⑶ JS鼠标事件大全 JS鼠标事件有哪些

1、如图首先在一个文件夹下创建index.html文件。

⑷ JS语言鼠标移动触发事件的代码怎么写啊

在网上找了一个代码给你
<!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>
<title>test</title>
<style type="text/css">
body,div,ul,li{
margin:0 auto;
padding:0;
}
body{
font:12px "宋体";
text-align:center;
}
a:link{
color:#00F;
text-decoration:none;
}
a:visited {
color: #00F;
text-decoration:none;
}
a:hover {
color: #c00;
text-decoration:underline;
}
ul{
list-style:none;
}
.main{
clear:both;
padding:8px;
text-align:center;
}
#tabs0 {
height: 200px;
width: 400px;
border: 1px solid #cbcbcb;
background-color: #f2f6fb;
}
.menu0{
width: 400px;
}
.menu0 li{
display:block;
float: left;
padding: 4px 0;
width:100px;
text-align: center;
cursor:pointer;
background: #FFFFff;
}
.menu0 li.hover{
background: #f2f6fb;
}
#main0 ul{
display: none;
}
#main0 ul.block{
display: block;
}
</style>
<script type="text/javascript">
function setTab(m, n) {
var tli = document.getElementById("menu" + m).getElementsByTagName("li"); /*获取选项卡的对象*/
var mli = document.getElementById("main" + m).getElementsByTagName("ul"); /*获取主显示区域对象*/
for (i = 0; i < tli.length; i++) {
tli[i].className = i == n ? "hover" : ""; /*更改选项卡的LI对象的样式，如果是选定的项则使用.hover样式*/
mli[i].style.display = i == n ? "block" : "none"; /*确定主区域显示哪一个对象*/
}
}
</script>
</head>
<body>
<div id="tabs0">
<ul class="menu0" id="menu0">
<li onmouseover="setTab(0,0)" class="hover">新闻</li>
<li onmouseover="setTab(0,1)">评论</li>
<li onmouseover="setTab(0,2)">技术</li>
<li onmouseover="setTab(0,3)">点评</li>
</ul>
<div class="main" id="main0">
<ul class="block"><li>新闻列表</li></ul>
<ul><li>评论列表</li></ul>
<ul><li>技术列表</li></ul>
<ul><li>点评列表</li></ul>
</div>
</div>
</body>
</html>

⑸ js中鼠标移动事件触发时,如何获得当前鼠标在哪一个元素上

首先，获取到事件对象e，

事件来源，IE下面对应的是srcElement，FF下面是target。

下面是一个简单的例子，兼容IE和FireFox

<!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>
<title></title>
<script type="text/javascript">
function init() {
document.body.onmousemove = function(e) {
if (!e) {
e = window.event;
}
else {
e.srcElement = e.target;
}
document.getElementById("divDebug").innerHTML = "mousemove (" + e.clientX + "," + e.clientY + ") srcElement=" + e.srcElement.tagName + "[" + e.srcElement.id + "]";
};
}
</script>
</head>
<body onload="init()">
<div id="root">
<div id="divDebug"></div>
<div id="div2">div</div>
<span id="span1">span</span>
<a href="#" id="link1">link</a>
</div>
</body>
</html>

⑹ js鼠标点击触发事件，请问这个怎么实现

是任意点击，还是点击按钮？如果是点击特定的标签就在标签里加回onclick然后再写一个答js方法在onclick里调用方法例如

<buttononclick="test()">点击</button>
<scripttype="text/javascript">
functiontest(){
alert("aa");
}

</script>

⑺ js鼠标点击事件

你的话我不是很理解，而且你提供的代码也没图片，什么都看不到

实在是理解不了

⑻ 关于页面JS 鼠标触发事件的问题

在DOM中。因为会有嵌套结构，因此如果鼠标指针父DIV移动到内部的子上，会触发mouseout事件，这并不是bug或者什么歧义，因为mouseout的意思就是从一个元素移动到另一个元素上。并没有说另一个元素就不能是当前元素的子元素。但你的要求依然是可以实现的。就是利用事件冒泡。例如：

html中。

<html>
<headlang="en">
<metacharset="UTF-8">
</head>
<bodystyle="padding:0;margin:0">
<divid="sDiv"style="height:500px;background:black;padding:1px">
<divid="cDiv"style="height:100px;margin:200px;background:red"></div>
</div>
</body>
<script>

js这样写：

window.onload=function(){
document.getElementById('sDiv').onmouseout=function(e){
varev=e||window.event;
vartarget=ev.target||ev.srcElement;
if(target.id==='sDiv'&&(!ev.toElement||ev.toElement.id!=='cDiv')){
alert('鼠标移动出了父DIV元素。');
}
}
}

说白了。就是如果是移动到子元素中，不认为是移出父元素就好了，因此更加通用的写法如下：

functionisParent(obj,parentObj){
while(obj!=undefined&&obj!=null&&obj.tagName.toUpperCase()!='BODY'){
if(obj==parentObj){
returntrue;
}
obj=obj.parentNode;
}
returnfalse;
}
window.onload=function(){
document.getElementById('sDiv').onmouseout=function(e){
varev=e||window.event;
vartarget=ev.target||ev.srcElement;
if(target.id==='sDiv'&&(!ev.toElement||!isParent(ev.toElement,target))){
alert('鼠标移动出了父DIV元素。');
}
}
}

⑼ js鼠标事件有哪些

js 鼠标事件详细
常用的几个类型

onClick
HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击

onDblClick
HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O 鼠标双击事件

onMouseDown
HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O 鼠标上的按钮被按下了

onMouseUp
HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O 鼠标按下后，松开时激发的事件

onMouseOver
HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3 当鼠标移动到某对象范围的上方时触发的事件

onMouseMove
HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O 鼠标移动时触发的事件

onMouseOut
HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N3 | O3 当鼠标离开某对象范围时触发的事件

若想检测鼠标左键、右键点击事件可以用
事件button 值来检测
例如
document.onMouseDown =function(ev){
var oEvent = ev||event;
alert(oEvent.button);
}
此时button= 0、1、2分别对应于鼠标左中右

⑽ js如何直接触发鼠标经过事件

这是什么意思？不能等于事件只能一次响应一种；你可以点击之后，如果鼠标又经过了执行经过后的程序没有等同这种说法

导航:首页 > 编程语言 > js鼠标触发事件

js鼠标触发事件

与js鼠标触发事件相关的资料

友情链接