Fake click to activate an onclick method

Question

I have an element with an onclick method   I would like to activate that method  or  fake a click on this element  within another function   Is this possible

User · Answer

var clickEvent   new MouseEvent  click       view  window    bubbles  true    cancelable  true     var element   document getElementById  element-id     var cancelled    element dispatchEvent clickEvent   if  cancelled         A handler called preventDefault    alert  cancelled      else        None of the handlers called preventDefault    alert  not cancelled        element dispatchEvent is supported in all major browsers  The example above is based on an sample simulateClick   function on MDN

User · Answer

You can also try getting the element s onclick attribute and then passing into eval  This should work despite the big taboo over eval  I put a sample below  eval document getElementById  elementId   getAttribute  onclick

User · Answer

Once you have selected an element you can call click    document getElementById  link   click      see  https   developer mozilla org En DOM Element click  I don t remember if this works on IE  but it should  I don t have a windows machine nearby

User · Answer

var clickEvent   new MouseEvent  click       view  window    bubbles  true    cancelable  true     var element   document getElementById  element-id     var cancelled    element dispatchEvent clickEvent   if  cancelled         A handler called preventDefault    alert  cancelled      else        None of the handlers called preventDefault    alert  not cancelled        element dispatchEvent is supported in all major browsers  The example above is based on an sample simulateClick   function on MDN

User · Answer

If you re using JQuery you can do       elementid   click

User · Answer

Once you have selected an element you can call click    document getElementById  link   click      see  https   developer mozilla org En DOM Element click  I don t remember if this works on IE  but it should  I don t have a windows machine nearby

User · Answer

If you re using JQuery you can do       elementid   click

User · Answer

If you re using JQuery you can do       elementid   click

User · Answer

This is a perfect example of where you should use a javascript library like Prototype or JQuery to abstract away the cross-browser differences

User · Answer

I haven t used jQuery  but IIRC  the first method mentioned doesn t trigger the onclick handler   I d call the associated onclick method directly  if you re not using the event details

User · Answer

I could be misinterpreting your question  but  yes  this is possible  The way that I would go about doing it is this   var oElement   document getElementById  elementId         get a reference to your element oElement onclick   clickHandler     assign its click function a function reference  function clickHandler            this function will be called whenever the element is clicked        and can also be called from the context of other functions     Now  whenever this element is clicked  the code in clickHandler will execute  Similarly  you can execute the same code by calling the function from within the context of other functions  or even assign clickHandler to handle events triggered by other elements

User · Answer

For IE there is fireEvent   method  Don t know if that works for other browsers

User · Answer

Once you have selected an element you can call click    document getElementById  link   click      see  https   developer mozilla org En DOM Element click  I don t remember if this works on IE  but it should  I don t have a windows machine nearby

User · Answer

I haven t used jQuery  but IIRC  the first method mentioned doesn t trigger the onclick handler   I d call the associated onclick method directly  if you re not using the event details

User · Answer

For IE there is fireEvent   method  Don t know if that works for other browsers

User · Answer

I could be misinterpreting your question  but  yes  this is possible  The way that I would go about doing it is this   var oElement   document getElementById  elementId         get a reference to your element oElement onclick   clickHandler     assign its click function a function reference  function clickHandler            this function will be called whenever the element is clicked        and can also be called from the context of other functions     Now  whenever this element is clicked  the code in clickHandler will execute  Similarly  you can execute the same code by calling the function from within the context of other functions  or even assign clickHandler to handle events triggered by other elements

User · Answer

I haven t used jQuery  but IIRC  the first method mentioned doesn t trigger the onclick handler   I d call the associated onclick method directly  if you re not using the event details

User · Answer

var clickEvent   new MouseEvent  click       view  window    bubbles  true    cancelable  true     var element   document getElementById  element-id     var cancelled    element dispatchEvent clickEvent   if  cancelled         A handler called preventDefault    alert  cancelled      else        None of the handlers called preventDefault    alert  not cancelled        element dispatchEvent is supported in all major browsers  The example above is based on an sample simulateClick   function on MDN

User · Answer

just call  onclick     here s an example html    lt div id  c  onclick  alert  hello    gt Click me  lt  div gt   lt div onclick  document getElementById  c   onclick    gt Fake click the previous link  lt  div gt

User · Answer

Using javascript you can trigger click   and focus   like below example   x000D   x000D  document addEventListener  click   function e    x000D    console log  Clicked On     e toElement   x000D    true   x000D  document addEventListener  focus  function e   x000D    console log  Focused On     e srcElement   x000D    true   x000D   x000D  document querySelector   button 1   click    x000D  document querySelector   input 1   focus    x000D   lt input type  button  value  test-button  id  button 1  gt  x000D   lt input type  text  value  value 1  id  input 1  gt  x000D   lt input type  text  value  value 2  id  input 2  gt  x000D   x000D   x000D

User · Answer

Once you have selected an element you can call click    document getElementById  link   click      see  https   developer mozilla org En DOM Element click  I don t remember if this works on IE  but it should  I don t have a windows machine nearby

User · Answer

This is a perfect example of where you should use a javascript library like Prototype or JQuery to abstract away the cross-browser differences

User · Answer

I haven t used jQuery  but IIRC  the first method mentioned doesn t trigger the onclick handler   I d call the associated onclick method directly  if you re not using the event details

User · Answer

This is a perfect example of where you should use a javascript library like Prototype or JQuery to abstract away the cross-browser differences

User · Answer

You can also try getting the element s onclick attribute and then passing into eval  This should work despite the big taboo over eval  I put a sample below  eval document getElementById  elementId   getAttribute  onclick

User · Answer

I could be misinterpreting your question  but  yes  this is possible  The way that I would go about doing it is this   var oElement   document getElementById  elementId         get a reference to your element oElement onclick   clickHandler     assign its click function a function reference  function clickHandler            this function will be called whenever the element is clicked        and can also be called from the context of other functions     Now  whenever this element is clicked  the code in clickHandler will execute  Similarly  you can execute the same code by calling the function from within the context of other functions  or even assign clickHandler to handle events triggered by other elements

User · Answer

If you re using jQuery  you need to use the  trigger function  so it would be something like   element trigger  click      http   api jquery com trigger

User · Answer

just call  onclick     here s an example html    lt div id  c  onclick  alert  hello    gt Click me  lt  div gt   lt div onclick  document getElementById  c   onclick    gt Fake click the previous link  lt  div gt

User · Answer

Using javascript you can trigger click   and focus   like below example   x000D   x000D  document addEventListener  click   function e    x000D    console log  Clicked On     e toElement   x000D    true   x000D  document addEventListener  focus  function e   x000D    console log  Focused On     e srcElement   x000D    true   x000D   x000D  document querySelector   button 1   click    x000D  document querySelector   input 1   focus    x000D   lt input type  button  value  test-button  id  button 1  gt  x000D   lt input type  text  value  value 1  id  input 1  gt  x000D   lt input type  text  value  value 2  id  input 2  gt  x000D   x000D   x000D

User · Answer

If you re using jQuery  you need to use the  trigger function  so it would be something like   element trigger  click      http   api jquery com trigger

User · Answer

For IE there is fireEvent   method  Don t know if that works for other browsers

User · Answer

just call  onclick     here s an example html    lt div id  c  onclick  alert  hello    gt Click me  lt  div gt   lt div onclick  document getElementById  c   onclick    gt Fake click the previous link  lt  div gt

User · Answer

If you re using JQuery you can do       elementid   click

User · Answer

This is a perfect example of where you should use a javascript library like Prototype or JQuery to abstract away the cross-browser differences

User · Answer

For IE there is fireEvent   method  Don t know if that works for other browsers

User · Answer

var clickEvent   new MouseEvent  click       view  window    bubbles  true    cancelable  true     var element   document getElementById  element-id     var cancelled    element dispatchEvent clickEvent   if  cancelled         A handler called preventDefault    alert  cancelled      else        None of the handlers called preventDefault    alert  not cancelled        element dispatchEvent is supported in all major browsers  The example above is based on an sample simulateClick   function on MDN

User · Answer

just call  onclick     here s an example html    lt div id  c  onclick  alert  hello    gt Click me  lt  div gt   lt div onclick  document getElementById  c   onclick    gt Fake click the previous link  lt  div gt

User · Answer

I could be misinterpreting your question  but  yes  this is possible  The way that I would go about doing it is this   var oElement   document getElementById  elementId         get a reference to your element oElement onclick   clickHandler     assign its click function a function reference  function clickHandler            this function will be called whenever the element is clicked        and can also be called from the context of other functions     Now  whenever this element is clicked  the code in clickHandler will execute  Similarly  you can execute the same code by calling the function from within the context of other functions  or even assign clickHandler to handle events triggered by other elements

[javascript] Fake "click" to activate an onclick method

Examples related to javascript

Examples related to event-handling