Question

我正在研究一个简单的项目，我是新手（正如标题所说）。所以我想要发生的是：当你点击链接（ommig）时，我希望单位振动一下。我试图使用Hammer.js lib但失败了，我真的不介意使用html5方式，所以我不是所有人都只是使用hammer.js。所以，当我点击#ommig ID /类时，我希望单元振动。请帮助遇难的新手（并感谢所有答案）

HTML（我删除了所有糟糕的js代码）：

<!DOCTYPE html>
<html lang="sv">
<head>
  <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Start</title>
  <link rel="shortcut icon" href="img/icon.jpg">

  <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 <script src="hammer.js"></script>  
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="style.css">
</head>


<body>

<a href="index.html">  <div class="container">
      <div class="carousel slide" data-ride="carousel">

        <div class="carousel-inner">
          <div class="item active">
            <img src="img/logo.png" alt="image">
          </div>
          <div class="item">
            <img src="img/logo2.png" alt="image">
            <div class="carousel-caption">

            </div>
          </div>


            </div>
          </div>
        </div>
      </div>
    </div>
</a>

<a href="ommig.html"> <div id="ommig"> <p>Om mig </p>
</div> </a>




<a href="cv.html"> <div id="cv">  <p> CV </p>
</div> </a>

<a href="portfolio.html"><div id="portfolio" >
  <p> Portfolio </p>
</div></a>
<a href="kontakt.html"><div id="Kontakt" >
<div id="kontakt" >
  <p> Kontakt </p>
</div></a>



</body>
</html>

Answer 1

有一个新的HTML Vibrate API，但它并没有得到广泛支持。

//Check if Vibrator is available, use custom browser prefix if needed
navigator.vibrate = navigator.vibrate ||
              navigator.webkitVibrate ||
              navigator.mozVibrate || 
              navigator.msVibrate;

if (navigator.vibrate) {
  console.log('vibration supported');
  navigator.vibrate(500);
} else {
  console.log('vibration not supported');
}

在此处阅读更多内容：http://shapeshed.com/html5-vibrate-api/

新手 - 振动（和打开链接）

1 个答案: