ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

MouseEvent screenY Property

<object เหตุการณ์

ตัวอย่าง

รับพิกัดของตัวชี้เมาส์เมื่อเทียบกับหน้าจอเมื่อกดปุ่มเมาส์คลิกองค์ประกอบ:

var x = event.screenX;     // Get the horizontal coordinate
var y = event.screenY;     // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;

ผลจากการ coor อาจจะ:

X coords: 142, Y coords: 99
ลองตัวเอง»

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง


ความหมายและการใช้งาน

สถานที่ให้บริการ Screeny กลับแนวประสานงาน (according to the users computer screen) ของตัวชี้เมาส์เมื่อเหตุการณ์ที่ถูกเรียก

เคล็ดลับ: การได้รับการประสานงานในแนวนอน (according to the screen) ของตัวชี้เมาส์ใช้ screenX คุณสมบัติ

หมายเหตุ: คุณสมบัตินี้ถูกอ่านอย่างเดียว


สนับสนุนเบราว์เซอร์

คุณสมบัติ
screenY ใช่ ใช่ ใช่ ใช่ ใช่

วากยสัมพันธ์

event .screenY

รายละเอียดทางเทคนิค

กลับค่า: จำนวนคิดเป็นแนวตั้งพิกัดของตัวชี้เมาส์พิกเซล
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 Property

อ้างอิง HTML DOM: MouseEvent clientX Property

อ้างอิง HTML DOM: MouseEvent clientY Property


<object เหตุการณ์