العنوان المرجعي
يستخدم بشكل أساسي نوع الإدخال=ملف، وقبول=صورة/* للمعالجة
طرق معاينة الصورة (نوعان)
ملف const = e.target.files[0]// الطريقة الأولى const url1 = window.URL.createObjectURL(file);let url2// الطريقة الثانية const Reader = new FileReader();reader.onload = (e) => { url2 = e.target.result;};reader.readAsDataURL(file); أحداث اللمسالعنوان المرجعي
العنوان المرجعي
لاحظ أن Google Chrome يتطلب https لتوفير خدمات الموقع.
if (navigator.geolocation){ navigator.geolocation.getCurrentPosition((position) => { this.geolocation = `latitude:${position.coords.latitude},longitude:${position.coords.longitude}` }, (يخطئ) ) => { console.log(err) }, {enableHighAccuracy: صحيح، الحد الأقصى للعمر: 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 يدعم فقط التسارع بما في ذلك الجاذبية والفاصل الزمني (لا ينبغي العثور عليه بسبب بعض القيود)، وأحدث الإصدارات الأخرى المتصفحات تدعم بشكل أساسي window.addEventListener('devicemotion', (dme) => { this.acceleration = dme.acceleration this.accelerationIncludeGravity = dme.accelerationIncludedGravity this.rotationRate = dme.rotationRate this.interval = dme.interval }، خطأ) قفل المؤشرالعنوان المرجعي
<button onclick=lockPointer();>اقفله!</button> <div id=pointer-lock-element style=width:500px;height:500px;background-color: red></div>
// مثال بسيط، قم بقفل الماوس داخل عنصر قفل المؤشر Let = document.getElementById(pointer-lock-element); document.addEventListener(mousemove, function(e) { var MovementX = e.movementX MovementY = e. حركة Y // طباعة القيمة المتزايدة لحركة الماوس console.log(X= + حركةX, Y= + حركةY }, false function lockPointer() {); elem = document.getElementById(pointer-lock-element); elem.requestPointerLock ||.elem.mozRequestPointerLock ||.ما ورد أعلاه هو المحتوى الكامل لهذه المقالة وآمل أن يكون مفيدًا لدراسة الجميع وآمل أيضًا أن يدعم الجميع شبكة VeVb Wulin.