Новое в этом - вибрировать на кран (и открыть ссылку)

Я работаю над простым проектом, и я новичок в этом (как следует из названия). Так что я хочу, чтобы: когда вы нажимаете на ссылку (ommig), я хочу, чтобы устройство немного вибрировало. Я пытался использовать Hammer.js lib, но потерпел неудачу, я не возражаю против использования способа html5, так что я не все заблокирован, чтобы просто использовать hammer.js. Поэтому, когда я нажимаю #ommig ID/class, я хочу, чтобы устройство вибрировало. Пожалуйста, помогите новичку в беде (и спасибо за все ответы)

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>
Источник

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/

Источник
Другие вопросы по тегам