Search jQuery

jQuery Forum

Using jQuery

johnchu8

How to find element which caused event because of jquery .live

in Using jQuery • 9 years ago

How can I find ID of the element which caused an event as a consequence of .live (jQuery method) ?

The following is an example :

$("form[data-f=true]").live("submit", function (evt) { /* If I have <input type="submit" name="Submit1" data-f="true" /> and this button is clicked, then I want to know it's Submit1 button. */ });

I tried evt.target but it returns information about the form not about the button which was clicked.

Many thanks

Replies(1)

Godsbest

Re: How to find element which caused event because of jquery .live

9 years ago

For that you have to target the submit buttons and you have to use a click event. As of jQuery 1.7 .live is deprecated in favor of .on:

$( selector ).live( events, handler ); //1.3+

$( document ).on( events, selector, handler ); //1.7+

$(function() {
  $(document).on('click','#myForm input[type=submit]',function(e) {
  e.preventDefault();
  console.log( e.target.id );
  console.log( this.id );
  console.log( $(this).attr( 'id' ) );
  //$(this).parents( 'form' ).submit();
  });
});

Each console.log will output the id of the submit that was clicked. You can then submit the form using the commented line.

See: http://jsfiddle.net/fiddleyetu/wGAKa/

Top Reply

Response title

Attachments

jQuery Forum

How to find element which caused event because of jquery .live

Replies(1)

Re: How to find element which caused event because of jquery .live

Statistics

Tags

Actions

Related Posts