越努力，越幸运！

一、DeviceMotion介绍在 window 对象中存在一个专门的事件 devicemotion，它封装了运动传感器数据的事件，可以用来监听设备的加速度变化等信息。devicemotion事件对象有acceleration、accelerationIncludingGravity、rotationRate和interval四个属性 window.addEventListener("devicemotion", (e) => { console.log(e) })

一、HTML方法检测在html中分别引用横屏和竖屏样式<!-- 引用竖屏的CSS文件 portrait.css --> <link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css" rel="external nofollow"> <!-- 引用横屏的CSS文件 landscape.css --> <link rel="styleshee

前言在移动端中，当我们的页面既有上下滑动又有左右滑动时，比如我们顶部有轮播图(左右移动)，页面还包含上下移动滚动条。当我们斜滑页面，页面也会斜着运动，即触发了左右移动事件又触发了上下移动事件。布局还可能会错乱，这不是我们想要的，我们只想它左右或者上下滑动，不同时滑动。接下来我们来解决这个问题一、touch触摸事件介绍touchstart：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发 touchmove：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用prevent

将input元素的type值替换成“search”,在移动端会唤出“搜索”按键。需注意的是，对于苹果手机input元素必须要有一个form标签套起来，否则键盘上的文字不能变成搜索字样&lt;form id="myform" action="#" onsubmit="return false;"&gt; &lt;input id="keyword" typ...