การเข้าถึงอุปกรณ์ HTML5 การเข้าถึงอุปกรณ์ คำอธิบายโดยละเอียด

ที่อยู่อ้างอิง

ส่วนใหญ่ใช้ input type=file, Accept=image/* สำหรับการประมวลผล

วิธีการแสดงตัวอย่างรูปภาพ (สองประเภท)

 ไฟล์ const = e.target.files[0]//วิธีที่ 1 const url1 = window.URL.createObjectURL(file);let url2//Method 2 const reader = new FileReader();reader.onload = (e) => { url2 = e.target.result;};reader.readAsDataURL(ไฟล์);

ที่อยู่อ้างอิง

1. ทัชสตาร์ท
2. สัมผัส
3. touchcancel จะถูกทริกเกอร์โดยเหตุการณ์ขั้นสูง เช่น การเข้าถึงโทรศัพท์หรือข้อมูลป๊อปอัป และโดยทั่วไปจะเป็นการดำเนินการบันทึก
4. สัมผัสย้าย
5. ตำแหน่งทางภูมิศาสตร์

ที่อยู่อ้างอิง

โปรดทราบว่า Google Chrome ต้องใช้ https เพื่อให้บริการระบุตำแหน่ง

 if (navigator.geolocation){ navigator.geolocation.getCurrentPosition((position) => { this.geolocation = `latitude:${position.coords.latitude},ลองจิจูด:${position.coords.longitude}` }, (ผิดพลาด ) => { console.log(err); }, { EnableHighAccuracy: true, maximumAge : 30000, // หน่วยความจำบัฟเฟอร์ หมดเวลาเวลา: 27000 // เวลารอ }) } else { การแจ้งเตือน ('ไม่รองรับตำแหน่งทางภูมิศาสตร์!') }

ที่อยู่อ้างอิง

 window.addEventListener('deviceorientation',(doe) => { this.absolute = doe.absolute //false หมายความว่าข้อมูลการวางแนวนั้นมาจากระบบพิกัดของอุปกรณ์เอง this.alpha = doe.alpha // รอบแกน Z 0-360 เมื่อป้อน ทิศทางแนวนอนของโทรศัพท์มือถือคือ 0 หรือ 360 this.beta = doe.beta // รอบแกน X -180~180 อธิบายการหมุนจากหน้าไปหลัง this.gamma = doe.gamma // คำอธิบายการหมุนจากซ้ายไปขวารอบแกน Y -90~90}, จริง) // chrome v65 รองรับเฉพาะการเร่งความเร็วรวมถึงแรงโน้มถ่วงและช่วงเวลา (ไม่ควรพบเนื่องจากข้อจำกัดบางประการ) และเวอร์ชันล่าสุดของเวอร์ชันอื่นๆ โดยทั่วไปเบราว์เซอร์รองรับหน้าต่าง addEventListener('devicemotion', (dme) => { this.acceleration = dme.acceleration this.accelerationIncludingGravity = dme.accelerationIncludingGravity this.rotationRate = dme.rotationRate this.interval = dme.interval }, false)

ที่อยู่อ้างอิง

 <button onclick=lockPointer();>ล็อคมัน!</button> <div id=pointer-lock-element style=width:500px;height:500px;สีพื้นหลัง: red></div>

 // ตัวอย่างง่ายๆ ล็อคเมาส์ไว้ภายในองค์ประกอบ pointer-lock-element ให้ = document.getElementById(pointer-lock-element); document.addEventListener(mousemove, function(e) { var movementX = e.movementX movementY = e. movementY //พิมพ์ค่าที่เพิ่มขึ้นของการเคลื่อนไหวของเมาส์ console.log(X= + movementX, Y= + movementY); }, false); elem = document.getElementById (ตัวชี้ล็อคองค์ประกอบ); elem.requestPointerLock ()

ข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาของทุกคน ฉันหวังว่าทุกคนจะสนับสนุน VeVb Wulin Network