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