MouseEvent clientX အချက်အလက်

DOM အခင်း MouseEvent

အသုံးပြုခြင်း နှင့် အပြုအရင်

မိုးစက် အခမ်းအနား ဖြစ်ပါက မိုးစက် အက်တိုင်း အား ပြန်လည်သတင်း ပြုလုပ်သည်။

အသုံးပြုခြင်း အပိုင်းအခြား ပြုပါ:

အကြောင်းအရာ:မိုးစက်ရုံ အက်တိုင်း အား ရယူခြင်း ဖြစ်ပါက အသုံးပြုပါ: clientY သုံးခြား.

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

အမှတ်

အမှတ် 1 လုပ်ခြင်း

အစုံ ပေါ်တွင် မိုးစက်ရုံ အချက်အချင်း ပြသခြင်း ဖြစ်ပါက:

var x = event.clientX;     // အက်တိုင်း အား ရယူခြင်း
var y = event.clientY;     // အက်တိုင်း အား ရယူခြင်း
var coor = "X coords: " + x + ", Y coords: " + y;

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

အမှတ် 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.clientX

နည်းပညာ အချက်အလက်

ပြန်လည်သတင်း: နှုတ်ချက် တုတ်တရပ် အတိုင်း စက်တင်ခြင်း အား ပုံချိန် ပြုလုပ်သည်။
DOM အဆင့်: DOM အချိန် 2 အခမ်းအနား

ဘာသာစကား ကူညီ

နိုင်ငံ Chrome IE Firefox Safari အော့ပီး
clientX ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့

ပတ်ဝန်းကျင် စာမျက်နှာ

HTML DOM ကြည့်တည်းMouseEvent clientY သုံးခြား

HTML DOM ကြည့်တည်းMouseEvent screenX သုံးခြား

HTML DOM ကြည့်တည်းMouseEvent screenY သုံးခြား

HTML DOM ကြည့်တည်းMouseEvent offsetX သုံးခြား

HTML DOM ကြည့်တည်းMouseEvent offsetY သုံးခြား

DOM အခင်း MouseEvent