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

来源：互联网发布：京东淘宝网购物编辑：程序博客网时间：2024/04/28 09:02

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 ){ // nextscroll_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;}}

0 0