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