Rumah > Artikel > hujung hadapan web > js untuk menentukan sama ada kedudukan tetikus berada dalam kemahiran div_javascript tertentu
Contoh dalam artikel ini menerangkan kaedah js untuk menentukan sama ada kedudukan tetikus berada dalam p tertentu. Kongsi dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut: Apabila acara onmouseout
p menyebabkan p hilang, akan berlaku situasi di mana apabila tetikus bergerak ke kandungan lain dalam p, ia juga akan dinilai sebagai meninggalkan p , acara onmouseout akan dicetuskan, jadi kandungan dalam p tidak boleh dikendalikan. Penyelesaiannya adalah dengan terlebih dahulu menentukan sama ada tetikus berada dalam p apabila peristiwa onmouseout dicetuskan, ia bermakna tetikus tidak meninggalkan p, jadi p tidak akan dipadamkan. OK, sekarang masalah selesai.
Cukup cari koordinat sudut kiri atas dan sudut kanan bawah p, dan tentukan sama ada koordinat tetikus berada di kawasan ini.
p.onmouseout=function(event){ var p = document.getElementById("test"); var x=event.clientX; var y=event.clientY; var px1 = p.offsetLeft; var py1 = p.offsetTop; var px2 = p.offsetLeft + p.offsetWidth; var py2 = p.offsetTop + p.offsetHeight; if( x < px1 || x > px2 || y < py1 || y > py2){ //如果离开,则执行。。 }
Berikut ialah beberapa atribut biasa untuk carian mudah:
clientHeight 获取对象的高度,不计算任何边距、边框、滚动条,但包括该对象的补白。 clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。 clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离。 clientWidth 获取对象的宽度,不计算任何边距、边框、滚动条,但包括该对象的补白。 offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。 offsetLeft 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。 offsetParent 获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。 offsetTop 获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置。 offsetWidth 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。 clientX,clientY 鼠标当前相对于网页的位置,当鼠标位于页面左上角时clientX=0, clientY=0 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
The di atas adalah js Bagaimana untuk menentukan sama ada kedudukan tetikus berada dalam kandungan kemahiran div_Javascript tertentu, sila perhatikan laman web PHP Cina (www.php.cn) untuk kandungan yang lebih berkaitan!