Bind a function to all text input - jQuery

Question

I want to bind a function to all the textarea and want to run it whenever a key gets pressed.

function fx(docid)
{
  $('#'+docid).val=encodeURIComponent($('#'+docid).val());
  //document.getElementByID('docid').value = encodeURIComponent(document.getElementByID('docid').value);
}

Note: the page will have different textarea, I want a single function to do the same job for all the textarea. I don't want to hard code the event with the textarea <textarea onkeydown="..." />

Edit
I want to trigger the function on multiple events, thats on keypress, keydown,click

mVChr · Accepted Answer · 2011-05-17 03:20:06Z

3

Just pass in textarea as the selector. If you want it to trigger for text inputs as well then use textarea, input[type="text"] for the selector:

var fxHandler = function (e) {
    var yourDocId;
    // code to find/set yourDocId
    fx( yourDocId );
};

// bind to whatever events you need
$('textarea').bind('keydown', fxHandler)
             .bind('keyup', fxHandler)
             .bind('click', fxHandler);

Of course, if you run your function as written it will double, triply, etc encode the value, so you'll need to write a function that leaves %## values alone.

edited May 17, 2011 at 3:20

answered May 17, 2011 at 3:14

mVChr

50.3k11 gold badges111 silver badges105 bronze badges

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

Comments

Matt Ball · Accepted Answer · 2011-05-17 03:19:12Z

1

Similar to @mVChr's answer,

$('textarea').bind('keypress keydown click', function (e) {
    var $this = $(this);
    $this.val(encodeURIComponent($this.val()));
});

but you almost certainly don't want to run the exact same function on keypress and on keydown.

answered May 17, 2011 at 3:19

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

Collectives™ on Stack Overflow

Bind a function to all text input - jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related