ປະເພດ MouseEvent screenX

ການສະເຫຼີມ DOM ເຫດການ MouseEvent

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

ປະເພດ screenX ກັບຄວາມຕາຍຕະລາງສະໝອງຂອງຄູ່ວາງປະຕູນນັກຄົ້ນຫາ (ສົງຄາທາງຄູ່ວາງຄົ້ນຫາຂອງຜູ້ຊົມບັນຊີ):

ຄຳເຕືອນ:ສຳລັບທີ່ຈະຮັບມາຄວາມຕາຍຕະລາງສະໝອງຂອງຄູ່ວາງປະຕູນນັກຄົ້ນຫາ (ສົງຄາທາງຄູ່ວາງຄົ້ນຫາຂອງຜູ້ຊົມບັນຊີ): screenY ປະເພດ

ຄວາມເຫັນ:ປະເພດນັ້ນຈະເປັນພຽງແຕ່ຂໍ້ມູນອ່າວ

ຕົວຢ່າງ

ບັນທັດ 1

ຮັບມາຄວາມຕາຍຕະລາງຂອງຄູ່ວາງປະຕູນນັກຄົ້ນຫາຈາກປະຕູນມັນທີ່ບາງຄະຕິການໃນທີ່ສະໜັບສະໜຸນປະຕູນມັນທີ່ບາງຄະຕິການ:

var x = event.screenX;     // ຮັບມາຄວາມຕາຍຕະລາງພາຍໃນ
var y = event.screenY;     // ຮັບມາຄວາມຕາຍຕະລາງສະໝອງ
var coor = "X coords: " + x + ", Y coords: " + y;

ທ່ານຈະທົດລອງເອງ

ບັນທັດ 2

ການສະແດງຄວາມແຕກຕ່າງລະຫວ່າງ clientX ແລະ clientY ແລະ screenX ແລະ screenY:

var cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;

ທ່ານຈະທົດລອງເອງ

ຄຳປະເພດ

event.screenX

ລະອຽດດ້ານເຕັກນິກ

ຜົນກັບ: ຄວາມຕາຍຕະລາງເວລາທີ່ສະເພາະສົ່ງຕົວແຈກປະສົມສະແດງຄວາມຄຸມຄັອງຈາກປະຕູນນັກຄົ້ນຫາປະຕູນມັນທີ່ບາງຄະຕິການໃນທີ່ສະໜັບສະໜຸນ
DOM ສະບັບ: DOM Level 2 Events

ການສະໜັບສະໜຸນຂອງຄູ່ວາງອາວຸດ

ປະເພດ Chrome IE Firefox Safari Opera
screenX ການສະໜັບສະໜຸນ ການສະໜັບສະໜຸນ ການສະໜັບສະໜຸນ ການສະໜັບສະໜຸນ ການສະໜັບສະໜຸນ

ປະເພດທີ່ກ່ຽວຂ້ອງ

ປຶ້ມກໍານົດ HTML DOMຄວາມພິສູດ screenY ຂອງ MouseEvent

ປຶ້ມກໍານົດ HTML DOMຄວາມພິສູດ clientX ຂອງ MouseEvent

ປຶ້ມກໍານົດ HTML DOMຄວາມພິສູດ clientY ຂອງ MouseEvent

ປຶ້ມກໍານົດ HTML DOMຄວາມພິສູດ offsetX ຂອງ MouseEvent

ປຶ້ມກໍານົດ HTML DOMຄວາມພິສູດ offsetY ຂອງ MouseEvent

ການສະເຫຼີມ DOM ເຫດການ MouseEvent