masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等)

JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等)

高洛峰
Lepaskan： 2016-11-28 09:39:34
asal
1221 orang telah melayarinya

JavaScript中的event对象一共有六对鼠标位置的属性。分别如下：

属性对 参考点 浏览器兼容性

clientX，clientY 浏览器窗口 所有

layerX，layerY

最近的绝对定位的父节点，如果没有，则为document Firefox，Chrome，Safari

offsetX，offsetY 事件目标对象 所有，Firefox除外

pageX，pageY document对象 所有，IE除外

ScreenX，ScreenY 计算机屏幕 所有

x,y 尽量不要用它，兼容性差 IE9及以下


Label berkaitan：
javascript
sumber：php.cn
Artikel sebelumnya：JavaScript实现简单的时钟 Artikel seterusnya：JavaScript 判断浏览器是否支持SVG
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Kaedah CSS sahaja untuk mengubah suai imej src secara dinamik pada klik tanpa menggunakan JavaScript Saya perlu menukar src imej pada klik tetikus hanya menggunakan css seperti img:active{}
daripada 2024-04-06 19:25:49
0
1
505
Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...
daripada 2024-04-06 18:16:26
0
1
403
Acara tuding JavaScript pada elemen pseudo khusus vendor 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
daripada 2024-04-06 15:35:24
0
1
274
Hantar borang tanpa butang menggunakan Javascript/Jquery Saya cuba menyerahkan borang tanpa butang dengan memanggil fungsi JavaScript dan melaksana...
daripada 2024-04-06 14:54:03
0
2
421
Sesuaikan penampilan pengepala akordion Bootstrap menggunakan kelas CollapseDisplay Saya ingin menggayakan tajuk kad panel dengan rancangan runtuh kelas. Dalam contoh ini, ia...
daripada 2024-04-06 12:53:11
0
1
376
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan