MouseEvent clientX ပိုင်ဆိုင်မှု
ဥပမာ
မောက်စ်ခလုတ်ကို ဒြပ်စင်တစ်ခုပေါ်တွင် ကလစ်နှိပ်သောအခါ မောက်စ်ညွှန်တံ၏ သြဒိနိတ်များကို ထုတ်ပေးသည်-
var x = event.clientX; // Get the horizontal coordinate
var y = event.clientY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
မောက်စ်ဖြစ်ရပ်တစ်ခု အစပျိုးသောအခါ clientX ပိုင်ဆိုင်မှုသည် မောက်စ်ညွှန်တံ၏ အလျားလိုက် သြဒီနိတ် (ကလိုင်းယင့်ဧရိယာအရ) ကို ပြန်ပေးသည်။
client ဧရိယာသည် လက်ရှိဝင်းဒိုးဖြစ်သည်။
အကြံပြုချက်- mouse pointer ၏ ဒေါင်လိုက် ညှိနှိုင်းဆောင်ရွက်ပေးသည့် (ကလိုင်းယင့်ဧရိယာအရ) ကို ရယူရန်၊ clientY ပိုင်ဆိုင်မှုကို အသုံးပြုပါ။
မှတ်ချက်- ဤပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည်။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
clientX | Yes | Yes | Yes | Yes | Yes |
အထားအသို
event.clientX
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | pixels ဖြင့် mouse pointer ၏ အလျားလိုက် သြဒီနိတ်ကို ကိုယ်စားပြုသည့် နံပါတ် |
---|---|
DOM ဗားရှင်း- | DOM အဆင့် 2 ပွဲများ |
နောက်ထပ် ဥပမာများ
ဥပမာ
mouse pointer သည် element တစ်ခုအပေါ်သို့ရွေ့လျားနေစဉ် mouse pointer ၏သြဒိနိတ်များကိုထုတ်ပေးသည်-
var x = event.clientX;
var y = event.clientY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
ဥပမာ
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;
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်း- MouseEvent clientY Property
HTML DOM ရည်ညွှန်း- MouseEvent screenX ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်း- MouseEvent screenY Property
HTML DOM ရည်ညွှန်း- MouseEvent offsetX ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်း- MouseEvent offsetY Property