Ugaumbe wa MouseEvent clientX

Matukio ya DOM MouseEvent

Ufafanuzi na Matumizi

Kwa sababu ya kina ya matukio ya kifaa cha kompyuta, ugaumbe cha clientX hauza inaeleza koordinate ya kifungu cha kifaa cha kompyuta (kwa sababu ya eneo la kifaa cha kompyuta).

Eneo la kifaa cha kompyuta ni eneo la tofauti cha kifaa cha kompyuta.

Inaaonekana:Kuwa na uwezo wa kupata koordinate ya kifungu cha kifaa cha kompyuta (kwa sababu ya eneo la kifaa cha kompyuta), tumia: Mwili wa clientY.

Maelezo:Ugaumbe huu una uadilifu.

Mifano

Mafanikio 1

Ingechagua kiwango cha kifungu cha kifaa cha kompyuta kwa sababu ya kina ya kifaa cha kompyuta:

var x = event.clientX;     // Kupata koordinate ya kifungu cha kifaa cha kompyuta
var y = event.clientY;     // Kupata koordinate ya kifungu cha kifaa cha kompyuta
var coor = "X coords: " + x + ", Y coords: " + y;

Jaribu Kwenye Mafunzo

Mafanikio 2

Ingechagua kiwango cha kifungu cha kifaa cha kompyuta kwa sababu ya kina ya kifaa cha kompyuta:

var x = event.clientX;
var y = event.clientY; 
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

Jaribu Kwenye Mafunzo

Mafanikio 3

Tazama kilele cha kuzingatia kiwango cha clientX na clientY na kiwango cha screenX na 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;

Jaribu Kwenye Mafunzo

Ujumbe wa Kifungu

matukio.clientX

Mafanikio ya Teknolojia

Chaguo: Chaguo cha namba, inaeleza ukubwa wa koordinate ya kifungu cha kifungu cha kifaa cha kompyuta kwa umbo wa pataki.
Jadili ya DOM: MATUKIO ya DOM Level 2

Muhimu wa Kifunzi cha Kifungu cha Kifaa cha Kompyuta

Mashirika Chrome IE Firefox Safari Opera
clientX Msaada Msaada Msaada Msaada Msaada

Vipengele vya vingine

Makala ya HTML DOM ya kigeukia:Mwili wa MouseEvent clientY

Makala ya HTML DOM ya kigeukia:Mwili wa MouseEvent screenX

Makala ya HTML DOM ya kigeukia:Mwili wa MouseEvent screenY

Makala ya HTML DOM ya kigeukia:Mwili wa MouseEvent offsetX

Makala ya HTML DOM ya kigeukia:Mwili wa MouseEvent offsetY

Matukio ya DOM MouseEvent