GithubHelp home page GithubHelp logo

jkeyboard's People

Contributors

adv-mmt avatar allchannelson avatar d-ominik avatar david-r-edgar avatar digvijayad avatar javidan avatar lonelyprincess avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

jkeyboard's Issues

Close function

First of all, thank you for your great work.

I need to close the keyboard using 'return' key without submitting the form. Has the plugin any function to do that?

Also, it is possible to display an input to show what you are typing in the case of the keyboard is above the fields?

Insert letter

Hi, can you help me?
How can i insert a letter by keyboard plugin in the cursor position?
Thank you.

How right in to two input

I have input and textarea how can i write to both

<div class="card">
<input type="text" class="card-name-input"  placeholder="Name">
<textarea name="" id="" cols="1" rows="5" class="card-message-input"  placeholder="Message"></textarea>
<div id="keyboard"></div> 
</div>

$('#keyboard').jkeyboard({
 
  input: $('.card-name-input'),
  layout: 'english',
 

});

support for input type 'email'

Currently I have an input with html type attribute of email.

I know for now it could be changed to a type of text but for future support it would be better

It returns the following error:

image

Multiple Fields wt Once KeyBoard

Dear,
If it's not too much for you can you please let me know how to handle multiple inputs in a sigle page?
and one of that is number.

<input type="text" id="fname" name="firstname" placeholder="Full Name"></br>
<input type="text" id="email" name="email" placeholder="E-Mail">

<input type="number" id="phone" name="phone" placeholder="Phone"></br>

Regards,
Omar Khan

Same keyboard multiple inputs

Hello! Is it possible to use the same keyboard, like one keyboard only, and use it for all the inputs?
Like if I click onto another input and I click a key on the keyboard, it will register/appear on the current input box, not on the previous? Thank you very much.

P.S.
Sorry, just a beginner.
Thanks again!

Uncaught TypeError: Cannot read property 'command' of undefined

After pressing backspace (not phisical keyboard) I'm got this error on Chrome browser:

jkeyboard.js:226 Uncaught TypeError: Cannot read property 'command' of undefined
    at HTMLLIElement.<anonymous> (jkeyboard.js:226)
    at HTMLLIElement.dispatch (jquery.min.js:2)
    at HTMLLIElement.y.handle (jquery.min.js:2)

CSS .active is not valid, need to update to :active

Self explanatory. The .active class is not used anywhere in the code, so it really should be the :active pseudo-element, allowing different styling when the button is pressed vs when the button is hovered over.

Send a keyup

Hi,
How to send a "keyup" for each letter.
Thanks.

Slow

When keys are pressed quickly, one to another, jkeyboard loses some letters . Is there any solution?

License for use

I'm looking to use this in a project that I may or may not be selling. What kind of lisence does this project have? MIT, WTFPL, Copyleft, or something else?

Pressing backspace leaves cursor in the wrong position

If you type for example: "ABCDEFG" then press the backspace button, then type "1" you shojudl end up with: "ABCDEF1" but you actually end up with "1ABCDEF" as the cursor has moved to the start of the text.

Also if I type "ABCDE" and move the cursor between the C and the D and then press backspace I would expect to see "ABD" bu instead I get "ABC" as it always deletes the last character.

I am not sure if suggesting code changes in an issue is correct, so apologies if it isn't but I changed the backspace function in the code to the following and it appears to have fixed both issues for me:

backspace: function () {
		var input = this.settings.input,
			input_node = input.get(0),
			start = input_node.selectionStart,
			val = input.val();    

		if (start > 0) {
			input.val(val.substring(0, start - 1) + val.substring(start));
			input.trigger('focus');
			input_node.setSelectionRange(start - 1, start - 1);
		}
		else {
			input.trigger('focus');
			input_node.setSelectionRange(0, 0);
		}
		
	},

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.