MouseEvent pageX အချက်အလက်

DOM အခမ်းအနား MouseEvent

အသုံးပြုခြင်း နှင့် လက္ခဏာ

မိတ်ဆက်သည့် အမှတ်အသား ပြောင်းလဲမှု ပြောင်းလဲမှု ပြောကြားပါ

အချက်အလက်

အကြောင်းပြချက်မိတ်ဆက်သည့် အမှတ်အသား မြတ်တော်မူ pageY အချက်အလက်.

မှတ်ချက်အချက်အလက် မမှတ်ပိုင်

မှတ်ချက်အချက်အလက် အချက်

အမှတ်

လုပ်ကြုံ 1

အစိတ်အစိတ် အမှတ်အသား ပြောင်းလဲမှု ပြပြောင်းလဲမှု ပြောကြားပါ

အစိတ်အစိတ် အမှတ်အသား ပြောင်းလဲမှု ပြပြောင်းလဲမှု ပြောကြားပါ
var x = event.pageX;     // အမှတ်အသား လက်ဆုံး
var y = event.pageY;

var coords2 = "screen - X: " + cX + ", Y coords: " + cY;

var y = event.pageY; // အမှတ်အသား မြတ်တော်မူ

လုပ်ကြုံ 2

အစိတ်အစိတ် အမှတ်အသား ပြောင်းလဲမှု ပြပြောင်းလဲမှု ပြောကြားပါ
var x = event.pageX; 
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;

var coords2 = "screen - X: " + cX + ", Y coords: " + cY;

document.getElementById("demo").innerHTML = coor;

လုပ်ကြုံ 3

ပြောင်းလဲမှု ကြောင်းအကျဉ်းချက်အဖြစ် ပြပြောင်းလဲမှုကြောင်း ပြောကြားပါ
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;

ကိုယ်တိုင် ကျင့်ကတာ

event.pageX

နည်းပါးစက်ဆိုင်ရာ

သတင်းပေးခြင်း နှုန်းပုံစံသည် မိတ်ဆက်သည့် အမှတ်အသား ဖြစ်ပြီး အမှတ်အသားသည် အမှတ်အသားအစား လက်ဆုံးအမှတ်အသား ဖြစ်သည်။
DOM ပုံစံကြောင်း မရှိပါ

ဘွတ်ချက် လုပ်ငန်း

အချက် Chrome IE Firefox Safari Opera
pageX ထောက်ပံ့ 12.0 ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့

ပတ်သတ်သည် စာမူ

HTML DOM အမြင့်စား ကိုစားMouseEvent pageY Attribute

HTML DOM အမြင့်စား ကိုစားMouseEvent clientX Attribute

HTML DOM အမြင့်စား ကိုစားMouseEvent clientY Attribute

HTML DOM အမြင့်စား ကိုစားMouseEvent screenX Attribute

HTML DOM အမြင့်စား ကိုစားMouseEvent screenY Attribute

DOM အခမ်းအနား MouseEvent