MouseEvent clientY အချက်အလက်

DOM အခမ်းအနား MouseEvent

အဆိုပါ:

မိုးစက် အချက်အလက် ဖြစ် ပြီးနောက် မိုးစက်စိတ် အကျယ်အဝန်း ကို နိုင်ငံခြား ပြောင်းလဲပါ

အကွယ်အရေး အပေါ် ကနေ မိုးစက်စိတ် အကျယ်အဝန်း ဖြစ်သည်

အဆိုပါ:မိုးစက်စိတ် အကျယ်အဝန်း ကို နိုင်ငံခြား ပြောင်းလဲပါ clientX အချက်အလက်.

အမှတ်စကား:ထိုအချက်အလက် သာသည် ကြည်းချုပ်နိုင်

အမှတ်

ဘား 1

အရာဝတ္တု ပေါ်မှာ မိုးစက်စိတ် အချက်အလက် အာရုံစိုက် ဖို့ မိုးစက်စိတ် အချက်အလက် ကို ပေးပါ:

var x = event.clientX;     // အကျယ်အဝန်း အရေအတွက် နိုင်ငံခြား ပြောင်းလဲပါ
var y = event.clientY;     // အကျယ်အဝန်း အရေအတွက် နိုင်ငံခြား ပြောင်းလဲပါ
var coor = "X coords: " + x + ", Y coords: " + y;

ရလဒ်:

X coords: 142, Y coords: 99

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

ဘား 2

မိုးစက်စိတ် အရာဝတ္တု ပေါ်မှာ ပြောင်းလဲသွား သောအခါ မိုးစက်စိတ် အကျယ်အဝန်း ကို ပေးပြပါ:

var x = event.clientX;
var y = event.clientY; 
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

ဘား 3

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;

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

လိုဘ်ပိုင်း

event.clientY

နည်းပါးရပ်

သတင်းပေးခြင်း: နှစ် ပမာဏ အတိုင်း မှတ်ချက် ဖြစ်ပြီး၊ မိုးစက်စိတ်သည့် အကျယ်အဝန်း ကို ပမာဏပေါင်း ဖြင့် မှတ်ယူသည်。
DOM ပုံစံ: DOM အဆင့် 2 အချက်အလက်

ဘရောက်သတ္တိ

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

ပတ်သက်သော စာမျက်နှာ

HTML DOM အမှတ်ချက်ကြည့်MouseEvent clientX အချက်

HTML DOM အမှတ်ချက်ကြည့်MouseEvent screenX အချက်

HTML DOM အမှတ်ချက်ကြည့်MouseEvent screenY အချက်

HTML DOM အမှတ်ချက်ကြည့်MouseEvent offsetX အချက်

HTML DOM အမှတ်ချက်ကြည့်MouseEvent offsetY အချက်

DOM အခမ်းအနား MouseEvent