Trigger input jQuery

Question

I made a keyboard plugin. When I click on values of the keyboard it succesfully fills the input box, but it doesn't trigger my event.

In a nutshell:

<form>
    <input id='testinput' type='text' name='test' value='' />
</form>

jQuery:

$('input').focus(function(){
    $('input').keyboard().show();
});

$('#test-input').on('input', function() {
   alert('change'); 
});

The code for the keyboard is a bit too big to show it here. It is attached in the fiddle. When I manually write something in the input it is triggered, but not via the keyboard.

Can someone point me in the right direction?

From the documentation: input: Occurs when the text content of an element is changed through the user interface. — emerson.marini
– emerson.marini, Commented Oct 6, 2014 at 14:16
I saw it, thanks, forgot to change it back while editing, but that doesn't change a thing unfortunately.. — Matheno
– Matheno, Commented Oct 6, 2014 at 14:16

wirey00 · Accepted Answer · 2014-10-06 14:17:53Z

1

You are programatically inserting the characters when a user clicks so you will need to manually trigger the "input" event handler also in your plugin

click: function(e) {
  e.stopPropagation()
  e.preventDefault()
  this.select()
  this.$element.trigger('input')
}

FIDDLE

answered Oct 6, 2014 at 14:17

wirey00

33.7k7 gold badges56 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Matheno Over a year ago

Thanks! I had it almost right myself, but instead of input I had the ID of the input. Many thanks my hero!

Shekhar Pankaj Over a year ago

Its Failing Buddy,Try the combination some i/p from keybord some from input ,it fails

wirey00 Over a year ago

@ShekharPankaj what's failing? I couldn't get it to fail - Are you sure the input has the focus when you are using the keyboard?

Collectives™ on Stack Overflow

Trigger input jQuery

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related