⑴ 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如何直接觸發滑鼠經過事件
這是什麼意思?不能等於 事件只能一次響應一種;你可以點擊之後,如果滑鼠又經過了 執行經過後的程序 沒有等同這種說法