Simulate a click on a element using javascript jquery

Question

I am trying to simulate a click on on an element  HTML for the same is as follows   lt a id  gift-close  href  javascript void 0   class  cart-mask-close p-abs  onclick   gaq push    trackEvent   voucher new   cart    this  attr  rel    -mask x button-inaction      rel  coupon  gt  amp nbsp  lt  a gt    How can i simulate a click on it  I have tried   document getElementById  gift-close   click     But its not doing anything

User · Answer

Using jQuery      gift-close   trigger  click     Using JavaScript  document getElementById  gift-close   click

User · Answer

Code snippet underneath   Please take a look at these documentations and examples at MDN  and you will find your answer  This is the propper way to do it I would say   Creating and triggering events  Dispatch Event  example   Taken from the  Dispatch Event  example  -HTML-link  simulate click    function simulateClick        var evt   document createEvent  MouseEvents       evt initMouseEvent  click   true  true  window      0  0  0  0  0  false  false  false  false  0  null      var cb   document getElementById  checkbox       var canceled    cb dispatchEvent evt      if canceled           A handler called preventDefault     alert  canceled        else          None of the handlers called preventDefault     alert  not canceled               This is how I would do it  2017            Simply using MouseEvent   function simulateClick          var evt   new MouseEvent  click         var cb   document getElementById  checkbox        var canceled    cb dispatchEvent evt        if  canceled               A handler called preventDefault         console log  canceled          else              None of the handlers called preventDefault         console log  not canceled                x000D   x000D  document getElementById  button   onclick   evt   gt    x000D       x000D      simulateClick   x000D    x000D   x000D  function simulateClick     x000D   x000D      var evt   new MouseEvent  click    x000D   x000D      var cb   document getElementById  checkbox    x000D      var canceled    cb dispatchEvent evt   x000D   x000D      if  canceled    x000D             A handler called preventDefault x000D          console log  canceled    x000D        else   x000D             None of the handlers called preventDefault x000D          console log  not canceled    x000D        x000D    x000D   lt input type  checkbox  id  checkbox  gt  x000D   lt br gt  x000D   lt br gt  x000D   lt button id  button  gt Check it out  or not lt  button gt  x000D   x000D   x000D

User · Answer

Try adding a function inside the click   method        gift-close   click function        do something here       It worked for me with a function assigned inside the click   method rather than keeping it empty

User · Answer

The code you ve already tried   document getElementById  gift-close   click         should work as long as the element actually exists in the DOM at the time you run it  Some possible ways to ensure that include    Run your code from an onload handler for the window  http   jsfiddle net LKNYg  Run your code from a document ready handler if you re using jQuery  http   jsfiddle net LKNYg 1  Put the code in a script block that is after the element in the source html    So     document  ready function         document getElementById  gift-close   click           OR         gift-close   0  click

User · Answer

Using jQuery       gift-close   click

User · Answer

Use this code to click       gift-close   click

User · Answer

Try to use document createEvent described here https   developer mozilla org en-US docs Web API document createEvent  The code for function that simulates click should look something like this   function simulateClick       var evt   document createEvent  MouseEvents      evt initMouseEvent  click   true  true  window      0  0  0  0  0  false  false  false  false  0  null     var a   document getElementById  gift-close       a dispatchEvent evt

User · Answer

Here  try this one       gift-close   on  click   function           gaq push    trackEvent   voucher new   cart    this  attr  rel    -mask x button-inaction

[javascript] Simulate a click on 'a' element using javascript/jquery

Examples related to javascript

Examples related to jquery

Examples related to hyperlink

Examples related to click

Examples related to simulate