1

how can I change the value of a textarea or textfield

// Clean button

 $('#textfield').val('');

without losing the focus?

I create at the moment an webApp and the smartphone (android) loosing the focus (and the keyboard disappears) when i click on the cleanButton ... i must click on/in in the textfield again to write further (not good usability :/ )

Any ideas?

BTW.: this $('#textfield').val('').focus(); does not work.

Lee Taylor
  • 7,761
  • 16
  • 33
  • 49
Peter
  • 11,413
  • 31
  • 100
  • 152

2 Answers2

3

Have you tried preventing default? You need to stop the browser event which will cause the focus to be lost by calling preventDefault on the event parameter in your callback

$('[type="button"]').mousedown(function(event) {
    event.preventDefault(); 
    $('[type="text"]').val('');
});

Also, make sure you capture attach the callback to mousedown and not click because the focuse will change automatically when mousedown is successful.

fiddle

Prevent firing focus event when clicking on div

Community
  • 1
  • 1
AmmarCSE
  • 30,079
  • 5
  • 45
  • 53
0

yes it would not work because in jquery .focus() is an event (similar to .click() while in JS .focus() puts focus on the desired element.

i know how to do it with javascript, try this:

var clrBtn = $('#cleanButton'); //from jQuery to JavaScript
$('#cleanButton').val('');
clrBtn.focus(); // here the focus goes to clnBtn (JS function)
Fanckush
  • 143
  • 3
  • 10