quentint/long-press

jQuery plugin to ease the writing of accented or rare characters.

Long Press

Long Press is a jQuery plugin to ease the writing of accented or rare characters.

Installation

You can install using bower as well as npm

• Install using bower bower install long-press

• Install using npm npm install long-press

Demo & Usage

A demo can be seen here: http://toki-woki.net/lab/long-press/

Focus a form field and hold key to access alternate characters. Try ‘a’, ‘e’, ‘u’, ‘i’, ‘o’ or ‘$’ for example.

Pick letter by:

• using mouse wheel;
• hovering over it with your mouse;
• using arrow keys.

Release key to confirm choice.

Context

I wrote this plugin because I wanted to be able to insert rare characters as easily as on Android or iOS. I learned pretty quickly after doing it that Moutain Lion already offers such a feature. This is called reinventing the wheel...

Files

The most insteresting file in the repository is js/jquery.longpress.js. Other stuff is mainly for demonstration purposes.

Status

The plugin is still very young and could be improved/optimized and stuff.

Customization

Characters suggestions can easily be edited in js/jquery.longpress.js.

Licence

MIT License http://opensource.org/licenses/mit-license.php

long-press's Issues

Some characters not showing alternative characters

Hello @quentint

Thanks for great plugin.

I have found issue that is some characters like M or X does not have the alternative characters.
That is when I long press such keys, it does not show alternative characters.

Can I send PR for this?

Add option to install via bower

Can I add this??

Plugin is currently unusable for proper typing

This plugin is an awesome idea, currently when I do my Spanish lessons online using accented characters is a giant pain - however the current implementation means that I can't use it while touch typing.

According to the documentation you can select a character in one of the following three ways:

Pick letter by:

• using mouse wheel;
• hovering over it with your mouse;
• using arrow keys.

But when you are touch typing and holding down a key (i and o are the best example) it is impossible to do any of those three things without very effortful hand movements, including completely crossing your arms.

I think the OS X solution solves this problem perfectly:

• allow selection of characters using number keys
• require the releasing of the base character before selection is made, freeing up your hands

Thanks

Make it work with contenteditable elements

Hey all,
Thanks for this great library!
Is there an option to make it work not with input/textarea but also with <p contenteditable="true"> elements?

Chrome

I've tested the wonderful jquery plugin on https://topografieindeklas.nl/topotrainer/nederland/ Works perfect in Safari and Firefox, but doesn't work on Chrome. Is that a known issue?

Focus lost on click

At least on
http://toki-woki.net/lab/long-press/,
when selecting the character from the list by clicking on it, focus in the original edit field is lost.
Ideally, focus should be regained after the click.

customize the charecters

hi, awesome plugin, but could we add our own list of characters, it is very necessarily specially for other languages like Arabic and Hebrew

thanks in advanced.

When letter is clicked, the letter isn't placed directly in the field

When one has selected the desired letter with the right annotation, the letter is printed in the input field only after one release the keyboard.

See it on http://tpgrf.nl/testserver/alpha/topotrainer/nederland/# (after clicking 'start')

Suggest "¡" for "!"

Add moreChars as an option

Maybe "moreChars" as plugin options?

Demo page

Please, provide a demo page and/or use github Pages

Add option to install via npm

Can I add this??

Padding in textarea

It is hard to see capital's accents:

License Type?

Cyrillic

May be add the Cyrillic? If you want, I can do it.

onmousewheel issue

In the line 82 of jquery.longpress.js, you have:

" $(window).mousewheel(onWheel); "

That function is defined as an extension i think, but if i don't comment that particular line, the plugin doesn't work at all, i get this error:

Uncaught TypeError: Object [object Object] has no method 'mousewheel'

This ONLY makes the mouse wheel useless on the plugin, so it doesn't bother me a lot, but maybe you want to take a look at this.

System reference:
Ubuntu 12.04
Firefox/Chromium (latest stable version)
App implemented in Ruby on Rails
Jquery 1.8.2

Thanks!

PD: great plugin i will be using this in a dictionary/translator app for my gf
PD2: english is not my main languaje, sorry if any word is wrong :(

Missing Ō ō

While the other letters include macrons, the 'Ō' and 'ō' characters are missing.

Long-press added to twitstrap resources

Hello,
We have just add Long-press to twittstrap resources list
www.twittstrap.com/resources/details/long-press
Under : Forms
Regards

Fork with OSX styling

Thanks for this excellent code !
I forked you to provide OSX styling to your code.
You can find the fork here:
http://embed.plnkr.co/jNA28BBb2JFAccPPX61p/preview
I'm a mathematician, so I've also edited the list quite a bit to fit my needs.

Feature suggestion

Great idea!
Feature suggestion: because c can lead to ç and u can lead to µ, ç should lead to c and alternatives, µ should lead to u and alternatives too.

Original letter not shown

When holding a letter, the original letter is not shown in the list of options and once the user starts scrolling in the list, he can not get the orginal letter again without retyping it.
(At least, this is the case on http://toki-woki.net/lab/long-press/ ).