Всем привет! Сегодня поговорим про JQuery плагин, позволяющий выбирать альтернативные символы при долгом нажатии клавиши.

Как вывести специальные символы на JQuery.

Всем привет! Сегодня поговорим про JQuery плагин, позволяющий выбирать альтернативные символы при долгом нажатии клавиши.

Плагин называется Long Press, и вы можете найти его здесь. Также, вы можете прямо там проверить его работу. К примеру, зажмите клавишу "h" и удерживайте, пока не появится блок с различными вариациями. Дальше, не отпуская клавиши "h", с помощью стрелок, колесика мыши или просто мыши :) выберите нужный вам символ, просто кликнув по нему.

Этот эффект напоминает то, что есть в операционных системах Android, iOS и Mac OS.

Найти исходники вы можете здесь, там же можете скачать плагин.

Использовать очень просто. Подключите нужные стили, создайте текстовую область, подключите скрипты. Все. В итоге вы должны получить что-то вроде этого:

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Test</title>
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/app.css">
</head>
<body>
  <textarea class=long-press id="ta" placeholder="Hello"></textarea>
  <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.2.min.
js"><\/script>')</script>
  <script src="js/jquery.mousewheel.js"></script>
  <script src="js/plugins.js"></script>
  <script src="js/jquery.longpress.js"></script>
  <script src="js/app.js"></script>
</body>
</html>

Итак, спасибо за внимание и удачи!