【js杂记】js、jquery实战杂记 1

1、jquery中event.originalEvent属性

该方法的作用是指向原始的事件对象

2、JS滚轮事件(mousewheel/DOMMouseScroll)

IE、Chrome：mousewheel

FireFox：DOMMouseScroll

IE、Chrome：event.wheelDelta（向下滚动为负值）

FireFox：event.detail（向下滚动为正值）

$(document).bind({
// Mouse Scroll
// IE、Chrome：mousewheel
// FireFox：DOMMouseScroll
'mousewheel DOMMouseScroll' : function(e) {
var delta = e.originalEvent.wheelDelta || -

e.originalEvent.detail,
time = new Date().getTime();
if(time - scroll_screen.lastTime < 1000) {
return;
}
scroll_screen.move(delta);  //if( delta < 0 ){ // next
scroll_screen.lastTime = time;
}
});

3、jquery右键事件

contextmenu

4、监听输入框（input、textarea）常用事件

keyup

keydown e.keyCode == 13

blur

propertychange（鼠标粘贴）

input（鼠标粘贴）

5、js监听横屏（android上只能在window绑定横屏事件，否则不起效果）

var orientationchangeHandler = function () {
setTimeout(function () {
// do something
}, 100);
};

window.addEventListener('orientationchange', orientationchangeHandler);

window.removeEventListener('orientationchange', orientationchangeHandler);

6、监听手机摇动

//监听手机摇动事件
if (window.DeviceMotionEvent) {
window.addEventListener('devicemotion', deviceMotionHandler, false);
} else {
alert('你的设备不支持DeviceMotion事件');
}
var SHAKE_THRESHOLD = 3000; // ios:3000,android:600?800?
var last_update = 0;
var x = y = z = last_x = last_y = last_z = 0;

function deviceMotionHandler(eventData) {
var acceleration = eventData.accelerationIncludingGravity;
var curTime = new Date().getTime();

//100ms监听一次，拒绝重复监听
if ((curTime - last_update) > 100) {
var diffTime = curTime - last_update;
last_update = curTime;
x = acceleration.x;
y = acceleration.y;
z = acceleration.z;
var speed = Math.abs(x + y + z - last_x - last_y - last_z) / diffTime * 10000;
if (speed > SHAKE_THRESHOLD) {
// shake success
}
last_x = x;
last_y = y;
last_z = z;
}
}