Questions tagged [preventdefault]

Javascript event method to cancel the event if it is cancelable, without stopping further propagation of the event.

960 questions

votes

10 answers

Prevent a link, confirm and then goto location jquery

I have links like this. Delete If a user click on it. A confirmation should popup and then only if user click yes, it should goto the actual url. I know that this can prevent the default behavior …

asked Jul 25 '11 at 20:30

esafwan

17,311
33
107
166

votes

7 answers

Use of getPreventDefault() is deprecated. Use defaultPrevented instead. Why I'm getting this error and what's the solution for it?

Previously I was using jQuery 1.7.1 in my code. I was getting the above error. Then I used the jQuery 1.11.1 straight from the google repository but still I'm…

jquery migration deprecated preventdefault

asked Oct 03 '14 at 10:27

PHPLover

votes

1 answer

event.preventDefault() always just before the end of the functions

In almost all the examples / templates scripts I can find, I see event.preventDefault(); at the end of the function, like this: $('.navbar-nav li a').bind('click', function(event) { var $anchor = $(this); $('html, body').stop().animate({ …

jquery preventdefault

asked Dec 02 '15 at 15:30

Olivier Pons

15,363
26
117
213

votes

5 answers

Prevent submit button with onclick event from submitting

I want to prevent a submit button with onclick event from submitting: $j('form#userForm .button').click(function(e) { if ($j("#zip_field").val() > 1000){ $j('form#userForm .button').attr('onclick','').unbind('click'); …

jquery submit preventdefault

asked Feb 22 '13 at 15:16

user1054080

votes

1 answer

How to make undo work in an HTML textarea after setting the value?

I have a

element that I listen for certain key presses from. Like if a user types the Tab key, I prevent the default action of changing focus and add the tab character at the correct position.
The problem is when users press one of the…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/textarea" class="post-tag grid--cell" title="show questions tagged 'textarea'" rel="tag">textarea</a> 
                
                <a href="../../questions/tagged/preventdefault" class="post-tag grid--cell" title="show questions tagged 'preventdefault'" rel="tag">preventdefault</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 10 '17 at 09:25">asked Jun 10 '17 at 09:25</time>
    <a href="../../users/326389/at" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/326389.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="at." />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/326389/at" class="s-user-card--link">at.</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">50,922</li>
            <li class="s-award-bling s-award-bling__gold" title="104 gold badges">104</li>
            <li class="s-award-bling s-award-bling__silver" title="292 silver badges">292</li>
            <li class="s-award-bling s-award-bling__bronze" title="461 bronze badges">461</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-1688567">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>20</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>5</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/1688567/is-there-an-opposite-function-of-preventdefault-in-javascript" class="question-hyperlink">Is there an opposite function of preventDefault() in JavaScript?</a></h3>
        <div class="excerpt">I am counting words in a text field and after a certain amount of words, I use prevent default. In the else, I would like to re-enable the default commands. 
Does preventDefault() have an opposite function?
Here is some sample code:
<!DOCTYPE html…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> 
                
                <a href="../../questions/tagged/function" class="post-tag grid--cell" title="show questions tagged 'function'" rel="tag">function</a> 
                
                <a href="../../questions/tagged/firefox" class="post-tag grid--cell" title="show questions tagged 'firefox'" rel="tag">firefox</a> 
                
                <a href="../../questions/tagged/jquery-events" class="post-tag grid--cell" title="show questions tagged 'jquery-events'" rel="tag">jquery-events</a> 
                
                <a href="../../questions/tagged/preventdefault" class="post-tag grid--cell" title="show questions tagged 'preventdefault'" rel="tag">preventdefault</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Nov 06 '09 at 16:08">asked Nov 06 '09 at 16:08</time>
    <a href="../../users/192094/wilkins" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/192094.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Wilkins" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/192094/wilkins" class="s-user-card--link">Wilkins</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">800</li>
            <li class="s-award-bling s-award-bling__gold" title="2 gold badges">2</li>
            <li class="s-award-bling s-award-bling__silver" title="6 silver badges">6</li>
            <li class="s-award-bling s-award-bling__bronze" title="12 bronze badges">12</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-17035643">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>19</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/17035643/how-to-check-if-an-event-was-prevented" class="question-hyperlink">How to check if an event was prevented</a></h3>
        <div class="excerpt">In JavaScript, how can I check if an event (like keypress) was prevented with e.preventDefault()? I'm not using jQuery.   
</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/events" class="post-tag grid--cell" title="show questions tagged 'events'" rel="tag">events</a> 
                
                <a href="../../questions/tagged/dom" class="post-tag grid--cell" title="show questions tagged 'dom'" rel="tag">dom</a> 
                
                <a href="../../questions/tagged/preventdefault" class="post-tag grid--cell" title="show questions tagged 'preventdefault'" rel="tag">preventdefault</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 11 '13 at 02:27">asked Jun 11 '13 at 02:27</time>
    <a href="../../users/1527815/ethanzheng" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/1527815.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="ethanzheng" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/1527815/ethanzheng" class="s-user-card--link">ethanzheng</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">603</li>
            <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
            <li class="s-award-bling s-award-bling__silver" title="7 silver badge">7</li>
            <li class="s-award-bling s-award-bling__bronze" title="9 bronze badge">9</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-14613804">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>19</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>5</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/14613804/is-there-a-way-to-use-event-preventdefault-with-focusout-if-not-why" class="question-hyperlink">Is there a way to use event.preventDefault with focusOut? If not, why?</a></h3>
        <div class="excerpt">I would like to prevent the default event from a focusOut (or blur) event and keep the focus set to the specific input field.
This is what I have already tried:

using event.preventDefault() at the beginning and at the end of the function (for test…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> 
                
                <a href="../../questions/tagged/event-handling" class="post-tag grid--cell" title="show questions tagged 'event-handling'" rel="tag">event-handling</a> 
                
                <a href="../../questions/tagged/jquery-events" class="post-tag grid--cell" title="show questions tagged 'jquery-events'" rel="tag">jquery-events</a> 
                
                <a href="../../questions/tagged/preventdefault" class="post-tag grid--cell" title="show questions tagged 'preventdefault'" rel="tag">preventdefault</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jan 30 '13 at 21:07">asked Jan 30 '13 at 21:07</time>
    <a href="../../users/1406888/klik" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/1406888.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Klik" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/1406888/klik" class="s-user-card--link">Klik</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">1,757</li>
            <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
            <li class="s-award-bling s-award-bling__silver" title="21 silver badge">21</li>
            <li class="s-award-bling s-award-bling__bronze" title="38 bronze badge">38</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-24251955">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>18</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/24251955/preventdefault-not-working-for-change-event" class="question-hyperlink">preventDefault() not working for change event</a></h3>
        <div class="excerpt">Any ideas why preventDefault is not working? Here's the code below . . . Tks!
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">

$(document).ready(function() {
        $("#text1").change(function(e) {
       …</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/onchange" class="post-tag grid--cell" title="show questions tagged 'onchange'" rel="tag">onchange</a> 
                
                <a href="../../questions/tagged/preventdefault" class="post-tag grid--cell" title="show questions tagged 'preventdefault'" rel="tag">preventdefault</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 16 '14 at 20:48">asked Jun 16 '14 at 20:48</time>
    <a href="../../users/3738377/slimjim" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/3738377.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="SlimJim" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/3738377/slimjim" class="s-user-card--link">SlimJim</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">367</li>
            <li class="s-award-bling s-award-bling__gold" title="3 gold badges">3</li>
            <li class="s-award-bling s-award-bling__silver" title="5 silver badges">5</li>
            <li class="s-award-bling s-award-bling__bronze" title="12 bronze badges">12</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-21900470">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>18</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/21900470/does-using-event-preventdefault-in-mousedown-prevent-click-or-mouseup-event-in" class="question-hyperlink">Does using event.preventDefault() in "mousedown" prevent "click" or "mouseup" event in jquery?</a></h3>
        <div class="excerpt">I am new to jquery and i have a doubt whether using events.preventDefault() in the mousedown or mouseup events does prevent the click or dblclick event?
Please provide me a clarification or a sample.
Thanks in advance.
Madhu
</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> 
                
                <a href="../../questions/tagged/events" class="post-tag grid--cell" title="show questions tagged 'events'" rel="tag">events</a> 
                
                <a href="../../questions/tagged/preventdefault" class="post-tag grid--cell" title="show questions tagged 'preventdefault'" rel="tag">preventdefault</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Feb 20 '14 at 06:58">asked Feb 20 '14 at 06:58</time>
    <a href="../../users/2833649/madhu" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/2833649.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Madhu" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/2833649/madhu" class="s-user-card--link">Madhu</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">2,416</li>
            <li class="s-award-bling s-award-bling__gold" title="3 gold badges">3</li>
            <li class="s-award-bling s-award-bling__silver" title="15 silver badges">15</li>
            <li class="s-award-bling s-award-bling__bronze" title="33 bronze badges">33</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-18147242">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>18</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>3</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/18147242/event-preventdefault-vs-event-stoppropagation" class="question-hyperlink">event.preventDefault vs event.stopPropagation</a></h3>
        <div class="excerpt">Can someone explain what's the difference between event.preventDefault() and event.stopPropagation()?
I have a table and within that table I have an img tag.
When I click the img tag, I want to see a popup.
But I also want to stop the selection of…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> 
                
                <a href="../../questions/tagged/preventdefault" class="post-tag grid--cell" title="show questions tagged 'preventdefault'" rel="tag">preventdefault</a> 
                
                <a href="../../questions/tagged/stoppropagation" class="post-tag grid--cell" title="show questions tagged 'stoppropagation'" rel="tag">stoppropagation</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Aug 09 '13 at 12:59">asked Aug 09 '13 at 12:59</time>
    <a href="../../users/1292344/ionut-flavius-pogacian" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/1292344.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Ionut Flavius Pogacian" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/1292344/ionut-flavius-pogacian" class="s-user-card--link">Ionut Flavius Pogacian</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">4,750</li>
            <li class="s-award-bling s-award-bling__gold" title="14 gold badges">14</li>
            <li class="s-award-bling s-award-bling__silver" title="58 silver badges">58</li>
            <li class="s-award-bling s-award-bling__bronze" title="100 bronze badges">100</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-15627619">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>17</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>3</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/15627619/keep-twitter-bootstrap-tooltip-open-on-mouseleave" class="question-hyperlink">Keep Twitter Bootstrap Tooltip open on mouseleave</a></h3>
        <div class="excerpt">For a particular case and element I need to show Bootstrap Tooltip by default (once the page is loaded) an always keep it open (even on mouseover and mouseout). 
That's the code I use to open tooltip by default on the…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> 
                
                <a href="../../questions/tagged/twitter-bootstrap" class="post-tag grid--cell" title="show questions tagged 'twitter-bootstrap'" rel="tag">twitter-bootstrap</a> 
                
                <a href="../../questions/tagged/tooltip" class="post-tag grid--cell" title="show questions tagged 'tooltip'" rel="tag">tooltip</a> 
                
                <a href="../../questions/tagged/preventdefault" class="post-tag grid--cell" title="show questions tagged 'preventdefault'" rel="tag">preventdefault</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Mar 26 '13 at 01:07">asked Mar 26 '13 at 01:07</time>
    <a href="../../users/954743/john" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/954743.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="John" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/954743/john" class="s-user-card--link">John</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">3,529</li>
            <li class="s-award-bling s-award-bling__gold" title="14 gold badges">14</li>
            <li class="s-award-bling s-award-bling__silver" title="42 silver badges">42</li>
            <li class="s-award-bling s-award-bling__bronze" title="48 bronze badges">48</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-19133225">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>16</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>3</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/19133225/is-call-to-preventdefault-really-necessary-on-drop-event" class="question-hyperlink">Is call to preventDefault() really necessary on drop event?</a></h3>
        <div class="excerpt">I am learning about Drag & Drop. I have copied a W3Schools example in JSFiddle.
The W3School example calls preventDefault() in the drop event:
function drop(ev) {
    ev.preventDefault();
    var data=ev.dataTransfer.getData("Text");
   …</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/drag-and-drop" class="post-tag grid--cell" title="show questions tagged 'drag-and-drop'" rel="tag">drag-and-drop</a> 
                
                <a href="../../questions/tagged/preventdefault" class="post-tag grid--cell" title="show questions tagged 'preventdefault'" rel="tag">preventdefault</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Oct 02 '13 at 08:51">asked Oct 02 '13 at 08:51</time>
    <a href="../../users/520957/jerome-verstrynge" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/520957.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Jérôme Verstrynge" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/520957/jerome-verstrynge" class="s-user-card--link">Jérôme Verstrynge</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">57,710</li>
            <li class="s-award-bling s-award-bling__gold" title="92 gold badges">92</li>
            <li class="s-award-bling s-award-bling__silver" title="283 silver badges">283</li>
            <li class="s-award-bling s-award-bling__bronze" title="453 bronze badges">453</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-8730505">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>15</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>3</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/8730505/jquery-preventdefault" class="question-hyperlink">jQuery .preventDefault();</a></h3>
        <div class="excerpt">I have a 2 jQuery scripts- one before I added .preventDefault, and a copy of the same script after I added the .preventDefault. jQuery works in the initial, but not after I add .preventDefault()
Initial script that works
$(window).load(function(){ …</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> 
                
                <a href="../../questions/tagged/preventdefault" class="post-tag grid--cell" title="show questions tagged 'preventdefault'" rel="tag">preventdefault</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jan 04 '12 at 16:45">asked Jan 04 '12 at 16:45</time>
    <a href="../../users/429694/jg100309" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/429694.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="jg100309" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/429694/jg100309" class="s-user-card--link">jg100309</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">311</li>
            <li class="s-award-bling s-award-bling__gold" title="2 gold badges">2</li>
            <li class="s-award-bling s-award-bling__silver" title="7 silver badges">7</li>
            <li class="s-award-bling s-award-bling__bronze" title="20 bronze badges">20</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-51732051">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>15</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>6</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/51732051/vuejs-preventdefault-on-form-submission" class="question-hyperlink">VueJs - preventDefault() on form submission</a></h3>
        <div class="excerpt">I need to submit a form programmatically, but I need it to preventDefault as well.
Right now I have the following:
submit() {
  this.$refs.form.submit()
}

It is working fine, but I cannot prevent default on the submit which in the end, refreshes…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/vue.js" class="post-tag grid--cell" title="show questions tagged 'vue.js'" rel="tag">vue.js</a> 
                
                <a href="../../questions/tagged/preventdefault" class="post-tag grid--cell" title="show questions tagged 'preventdefault'" rel="tag">preventdefault</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Aug 07 '18 at 17:07">asked Aug 07 '18 at 17:07</time>
    <a href="../../users/10193311/malthe-bjerregaard-petersen" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/10193311.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Malthe Bjerregaard Petersen" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/10193311/malthe-bjerregaard-petersen" class="s-user-card--link">Malthe Bjerregaard Petersen</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">151</li>
            <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
            <li class="s-award-bling s-award-bling__silver" title="1 silver badge">1</li>
            <li class="s-award-bling s-award-bling__bronze" title="4 bronze badge">4</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>

</div>
        </div>

</div>
        </div>
        <script src="../../static/js/stack-icons.js"></script>
        <script src="../../static/js/fromnow.js"></script>
        
    </body>
</html>