MouseEvent pageY အခြေအနေ

DOM အခင်းအတာ MouseEvent

အသုံးပြုခြင်း နှင့် အကျိုးသက်

မိတ်ချာစက္ကူး အခြေအနေ ဖြစ်သော မိတ်ချာစက္ကူး အခြေအနေ ဖြင့် မိတ်ချာစက္ကူး၏ အနှစ်သက်စက္ကူး အရာဝတ္တုပတ် အရာဝတ္တုပတ် ပြန်လည်ပေးသည်

စာရင်း သတ်မှတ်ပါ

အကြောင်းကြား:မိတ်ချာစက္ကူး၏ အနှစ်သက်စက္ကူး အရာဝတ္တုပတ် အရာဝတ္တုပတ် အတွက် သုံးပါ pageX အခြေအနေ.

အမှတ်စက္ကူး:ဒီ အခြေအနေ သာသနား

အမှတ်စက္ကူး:ဒီ အခြေအနေ သတ်မှတ်ခြင်း မပါဘဲ သို့သော် အဓိက ဘရောက်ရှားရေးကုသမှုများ အတွက် အသုံးပြုနိုင်

အမှု့

အမှတ် 1

မိတ်ချာစက္ကူးအား ချွတ်ပစ်ပါက မိတ်ချာစက္ကူး၏ အရာဝတ္တုပတ် အရာဝတ္တုပတ် ပြသပါ:

var x = event.pageX;     // အနှစ်သက်စက္ကူး၏ အနှစ်သက်စက္ကူး
var y = event.pageY;     // အနှစ်သက်စက္ကူး၏ အရာဝတ္တုပတ်
var coor = "X coords: " + x + ", Y coords: " + y;

ကျွန်ုပ်ကိုယ်ဖြင့် စစ်ဆေးကြည့်ပါ

အမှတ် 2

မိတ်ချာစက္ကူး၏ အရာဝတ္တုပတ် ပေါ်တွင် လှည့်ပတ်နေစဉ် မိတ်ချာစက္ကူး၏ အရာဝတ္တုပတ် အရာဝတ္တုပတ် ပြသပါ:

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

ကျွန်ုပ်ကိုယ်ဖြင့် စစ်ဆေးကြည့်ပါ

အမှတ် 3

clientX နှင့် clientY ပြီး စီးပွားX နှင့် စီးပွားY အကြား ကွဲပြားမှု ပြသပါ:

var pX = event.pageX;
var cX = event.clientX;
var pY = event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "client - X: " + cX + ", Y coords: " + cY;

ကျွန်ုပ်ကိုယ်ဖြင့် စစ်ဆေးကြည့်ပါ

လိုဘား

event.pageY

နည်းပါးလောက်

သတ်မှတ်ချက်: စက္ကူးအတ္ထုပတ် သတ်မှတ်ခြင်း၊ မိတ်ချာစက္ကူး၏ အနှစ်သက်စက္ကူး အရာဝတ္တုပတ် တွင် ပါဝင်၍ ပမာဏအား ပုံနှိပ်ကြောင်း
DOM ပုံစံ: မရှိပါ

ဘရောက်ရှားရေးကုသမှုအားထူး

ဖော်ပြ Chrome IE Firefox Safari Opera
pageY ထောက်ပံ့ 12.0 ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့

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

HTML DOM လက်တွေးMouseEvent pageX အချက်

HTML DOM လက်တွေးMouseEvent clientX အချက်

HTML DOM လက်တွေးMouseEvent clientY အချက်

HTML DOM လက်တွေးMouseEvent screenX အချက်

HTML DOM လက်တွေးMouseEvent screenY အချက်

DOM အခင်းအတာ MouseEvent