MouseEvent စာမျက်နှာ Y အိမ်ခြံမြေ
ဥပမာ
မောက်စ်ခလုတ်ကို ဒြပ်စင်တစ်ခုပေါ်တွင် ကလစ်နှိပ်သောအခါ မောက်စ်ညွှန်တံ၏ သြဒိနိတ်များကို ထုတ်ပေးသည်-
var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
မောက်စ်ဖြစ်ရပ်တစ်ခု အစပျိုးသောအခါ pageY ပိုင်ဆိုင်မှုသည် မောက်စ်ညွှန်ပြချက်၏ ဒေါင်လိုက် သြဒီနိတ် (စာရွက်စာတမ်းအရ) ကို ပြန်ပေးသည်။
စာရွက်စာတမ်းသည် ဝဘ်စာမျက်နှာဖြစ်သည်။
အကြံပြုချက်- mouse pointer ၏ အလျားလိုက် ကော်ဒီနိတ် (စာရွက်စာတမ်းအရ) ကို ရယူရန်၊ pageX ပိုင်ဆိုင်မှုကို အသုံးပြုပါ။
မှတ်ချက်- ဤပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည်။
မှတ်ချက်- ဤပိုင်ဆိုင်မှုသည် စံမမီသော်လည်း အဓိက ဘရောက်ဆာအများစုတွင် အလုပ်လုပ်သည်။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
pageY | Yes | 12.0 | Yes | Yes | Yes |
အထားအသို
event.pageY
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | pixels ဖြင့် mouse pointer ၏ ဒေါင်လိုက် သြဒီနိတ်ကို ကိုယ်စားပြုသော နံပါတ် |
---|---|
DOM ဗားရှင်း- | တစ်ခုမှ |
နောက်ထပ် ဥပမာများ
ဥပမာ
mouse pointer သည် element တစ်ခုအပေါ်သို့ရွေ့လျားနေစဉ် mouse pointer ၏သြဒိနိတ်များကိုထုတ်ပေးသည်-
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
ဥပမာ
clientX နှင့် clientY နှင့် screenX နှင့် screenY အကြား ကွာခြားချက်များကို သရုပ်ပြခြင်း-
var pX = event.pageX;
var cX = event.clientX;
var pY = event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "client - X: " + cX + ", Y coords: " + cY;
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်း- MouseEvent pageX Property
HTML DOM ရည်ညွှန်း- MouseEvent clientX Property
HTML DOM ရည်ညွှန်း- MouseEvent clientY Property
HTML DOM ရည်ညွှန်း- MouseEvent screenX ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်း- MouseEvent screenY Property