shake.js

เชค.js

ปลั๊กอิน JavaScript เหตุการณ์ 'เขย่า' แบบกำหนดเองสำหรับเว็บเบราว์เซอร์มือถือโดยใช้อุปกรณ์วัดความเร่ง

การติดตั้ง

• ดาวน์โหลด: zip
• NPM: npm install shake.js
• Bower: bower install shake.js
• Git: git clone https://github.com/alexgibson/shake.js

การพึ่งพาอาศัยกัน

เว็บเบราว์เซอร์ของคุณต้องรองรับเหตุการณ์ devicemotion เพื่อให้ปลั๊กอินนี้ทำงานได้ Shake.js ใช้การตรวจจับคุณสมบัติในตัวเพื่อพิจารณาว่าสามารถทำงานในเว็บเบราว์เซอร์ของคุณหรือไม่ มันจะยุติการทำงานอย่างเงียบๆ บนเบราว์เซอร์ที่ไม่รองรับ

http://w3c.github.io/deviceorientation/spec-source-orientation.html

ตั้งค่า

สำหรับ CommonJS ที่ใช้ NPM:

 var Shake = require('shake.js');

สำหรับโมดูล AMD:

 define(['./shake'], function(Shake) {
    // ...
});

ในเบราว์เซอร์:

 <script src="shake.js"></script>

ถัดไป สร้างอินสแตนซ์ Shake ใหม่:

 var myShakeEvent = new Shake({
    threshold: 15, // optional shake strength threshold
    timeout: 1000 // optional, determines the frequency of event generation
});

เริ่มฟังการเคลื่อนไหวของอุปกรณ์:

 myShakeEvent.start();

ลงทะเบียนผู้ฟังเหตุการณ์ shake บน window ด้วยการโทรกลับของคุณ:

 window.addEventListener('shake', shakeEventDidOccur, false);

//function to call when shake occurs
function shakeEventDidOccur () {

    //put your own code here etc.
    alert('shake!');
}

คุณสามารถหยุดฟังเหตุการณ์การสั่นได้ดังนี้:

 window.removeEventListener('shake', shakeEventDidOccur, false);

หากต้องการหยุดฟังการเคลื่อนไหวของอุปกรณ์ คุณสามารถโทร:

 myShakeEvent.stop();

เว็บเบราว์เซอร์/อุปกรณ์ที่รองรับ

• iOS Safari 4.2.1 (และสูงกว่า)
• Android 4.0.3 (เบราว์เซอร์เริ่มต้น)
• Chrome 41+ สำหรับ Android
• โอเปร่ามือถือ (แอนดรอยด์)
• แบล็กเบอร์รี่ เพลย์บุ๊ก 2.0
• ไฟร์ฟอกซ์สำหรับ Android
• อุปกรณ์ FirefoxOS