㈠ javascript如何判斷滑鼠是否觸發了onmouseover事件
換個思路嘛,你可以設置一個全局標志位,在onmouseover方法中修改這個標志位,然後點擊按鈕的時候根據這個標志位進行操作
㈡ js如何獲取滑鼠指針在元素中的坐標
代碼如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>獲取滑鼠在Canvas中的坐標位置</title>
<style>
#canvas{
border:1px solid #ccc;
width:300px;
height:300px;
overflow:hidden;
}
</style>
<script>
functionget_canvas(ev,obj){
m_clientX =ev.clientX-obj.offsetLeft;
m_clientY = ev.clientY-obj.offsetTop;
document.getElementById("tips").innerHTML = "當前坐標:X:"+ m_clientX + " ,Y:" +m_clientY;
}
</script>
</head>
<body>
<div id="tips"></div>
<div id="canvas" onmousemove="get_canvas(event,this)"></div>
</body>
</html>
兼容IE8+
㈢ js滑鼠指針獲取
把這句改成下面那樣document.all.d1.style.cursor="move"; document.getElementById('d1').style.cursor='move';
㈣ JS怎樣判斷滑鼠點擊了哪個元素
不明白樓主為什麼要加這樣的限制:不能在a標簽里加onclick等動作 ??
在js中,用event.srcElement即可獲得觸發事件的對象。
㈤ js 判斷當前滑鼠在哪個元素上
<html>
<hr/>
<divid="dd"style="background:red">12</div>
<divid="dd1"style="background:red">12</div>
<pid="2"style="background:red">12
123123
<p>12331</p>
<a>zzzzzz</a>
</p>
<hr/>
<script>
document.body.onmouseover=function(e){
e=e|制|window.event;
varnode=e.target||e.srcElement;
if(window._lastNode!=node){
console.log(node)
}
}
</script>
</html>
文字說明:如果你看不懂,你還是放棄吧。
㈥ js判斷滑鼠移動
用on事件,就是onmousemove(每一個像素移動)
原型:Element.onmousemove=function(){
...
}
實例:window.onmousemove=function(){
alert('滑鼠移動了!');
}
另外,拖動(理解不了題目具體)用on事件,就是ondragstart(選擇元素並拖動了)
原型:Element.ondragstart=function(){
...
}
實例:window.ondragstart=function(){
alert('滑鼠拖動了元素!');
}
㈦ js判斷滑鼠位置是否在某個div中
解決的辦法是當觸發onmouseout事件時,先判斷滑鼠是否在div內,如果在,說明滑鼠並沒有離開div,就不刪除div,否則,刪除之。OK,現在問題解決了。就是找到該div左上角和右下角坐標,判斷滑鼠的坐標是否在這一區域就可以了。div.onmouseout=function(event){ var div = document.getElementById("test"); var x=event.clientX; var y=event.clientY; var divx1 = div.offsetLeft; var divy1 = div.offsetTop; var divx2 = div.offsetLeft + div.offsetWidth; var divy2 = div.offsetTop + div.offsetHeight; if( x < divx1 || x > divx2 || y < divy1 || y > divy2){ //如果離開,則執行。。 } 後面為一些常用屬性方便查找:clientHeight 獲取對象的高度,不計算任何邊距、邊框、滾動條,但包括該對象的補白。 clientLeft 獲取 offsetLeft 屬性和客戶區域的實際左邊之間的距離。 clientTop 獲取 offsetTop 屬性和客戶區域的實際頂端之間的距離。 clientWidth 獲取對象的寬度,不計算任何邊距、邊框、滾動條,但包括該對象的補白。 offsetHeight 獲取對象相對於版面或由父坐標 offsetParent 屬性指定的父坐標的高度。 offsetLeft 獲取對象相對於版面或由 offsetParent 屬性指定的父坐標的計算左側位置。 offsetParent 獲取定義對象 offsetTop 和 offsetLeft 屬性的容器對象的引用。 offsetTop 獲取對象相對於版面或由 offsetTop 屬性指定的父坐標的計算頂端位置。 offsetWidth 獲取對象相對於版面或由父坐標 offsetParent 屬性指定的父坐標的寬度。 offsetX 設置或獲取滑鼠指針位置相對於觸發事件的對象的 x 坐標。 offsetY 設置或獲取滑鼠指針位置相對於觸發事件的對象的 y 坐標。 screenX, screenY是相對於用戶顯示器的位置網頁可見區域寬: document.body.clientWidth網頁可見區域高: document.body.clientHeight網頁可見區域寬: document.body.offsetWidth (包括邊線的寬)網頁可見區域高: document.body.offsetHeight (包括邊線的寬)網頁正文全文寬: document.body.scrollWidth網頁正文全文高: document.body.scrollHeight網頁被捲去的高: document.body.scrollTop網頁被捲去的左: document.body.scrollLeft網頁正文部分上: window.screenTop網頁正文部分左: window.screenLeft屏幕解析度的高: window.screen.height屏幕解析度的寬: window.screen.width屏幕可用工作區高度: window.screen.availHeight屏幕可用工作區寬度:window.screen.availWidth
㈧ js如何獲取滑鼠在某元素移動時~滑鼠指針在元素中的坐標
稍等上代碼復!!
<html>
<head>
<scripttype="text/javascript">
functionshow_coords(event){
varx=event.clientX;
vary=event.clientY;
varsay=document.all("coords");
say.innerHTML="X:"+x+"Y:"+y;
say.style.position="absolute";
say.style.left=x+30;
say.style.top=y;
}
</script>
</head>
<bodyonmousemove="show_coords(event)">
<pid="coords"></p>
</body>
<html>
希望我制的回答對你有用,有用就採納!!!謝謝!