Highest Voted 'preventdefault' Questions

-1

votes

3 answers

preventDefault() click event for links what I want to stop to reload page not all links

const preventReloadLinks = container.querySelectorAll('.leftnav-link'); preventReloadLinks.forEach(link => { addEventListener('click', function (e) { e.preventDefault() }); }) Hi Everyone I'm using this piece of code to stop links…

javascript dom-events preventdefault

asked Apr 30 '21 at 11:55

Norbert Perka

1
3

-1

votes

3 answers

How to preventDefault() when using submit()?

I am trying to make a input field that submits when enter is pressed. When I try to use the submit() function I get the default page reset. I don't know how to cancel this. I have tried to use a event listener for submit and even passing a anonymous…

javascript preventdefault

asked Jul 14 '20 at 11:20

Tomáš Čikovský

47
8

-1

votes

2 answers

jQuery to prevent user from inputting if regular expression is not matched by using preventdefault

Every time user enter, value is checked with regular expression, I'm trying to restrict user from entering further into input field if regexp is not matched Using keyup event, preventdefault never fires and using keypress event, user is unable to…

javascript jquery regex preventdefault

asked Feb 04 '20 at 09:31

Ankita Gupta

55
6

-1

votes

3 answers

How after submit form, e.preventDefault(), run some script and continue with html5 validation?

I have classic HTML form. After click on submit button i want run my script so i have in jquery: $(document).on('click', '.myForm #btnSubmit', function(e) { e.preventDefault(); // some scripts so before send form i have…

jquery html forms validation preventdefault

asked Jan 14 '20 at 13:07

Lajdák Marek

2,969
8
29
58

-1

votes

1 answer

ASP.NET postBack post Enter Textbox on javascript

I have a script in js that searches inside a textBox of a gridview that works very well, the problem I find, however, every time I run this function when I press Enter because it always triggers the postback by executing code that you don't always…

javascript asp.net postback preventdefault

asked May 24 '19 at 06:34

EmanueleSalati

1
2

-1

votes

1 answer

PreventDefault not working after checkbox "onchange"

I am working on signature-pad jQuery plugin in my modal. I have to approve a prescription with my signature. I have a checkbox as well for default signature. if i have any image for my signature in directory it will show that image on modal with…

javascript jquery onchange preventdefault

asked Feb 21 '19 at 11:59

Amir Khan

183
2
16

-1

votes

1 answer

My program doesn't work properly and when I click 'add player' button, no docs add to mongo

I want to write a simple program to add players name on the screen and mongodb butI'm a beginner and I want to write a program in meteor for adding players to mongo, but when I click on add player button, the program doesn't work properly and no…

javascript reactjs mongodb meteor preventdefault

asked Nov 29 '18 at 05:12

f rezapoor

3
1

-1

votes

2 answers

Contact Form Redirecting Prevent Default Not Working

I've tried this many different ways... don't know why this is redirecting still. I suppose in the past I've always used a button instead of a submit input and as such I never ran into this issue. However, I think it's time to get to the bottom of…

javascript ajax preventdefault

asked Mar 17 '18 at 04:02

Michael Paccione

2,467
6
39
74

-1

votes

1 answer

jQuery - undo prevent default

I have multiple checkbox and one of them had to be checked. Everything is running fine for the first time when clicking submit the "flag" is true and the preventDefault() working. But "unbind" not working if "flag" is false. Also the form should not…

javascript jquery forms preventdefault unbind

asked Mar 27 '17 at 11:37

Anup Surin

38
1
10

-1

votes

2 answers

after passing event in function event.preventDefault() is not working

<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> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jul 27 '16 at 11:30">asked Jul 27 '16 at 11:30</time>
    <a href="../../users/4659530/rahul-kumar" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/4659530.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Rahul Kumar" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/4659530/rahul-kumar" class="s-user-card--link">Rahul Kumar</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">2,184</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="24 silver badges">24</li>
            <li class="s-award-bling s-award-bling__bronze" title="46 bronze badges">46</li>
        </ul>
    </div>
</div>

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

<div class="status answered-accepted">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/37367823/event-preventdefault-is-not-working" class="question-hyperlink">event.preventDefault() is not working</a></h3>
        <div class="excerpt">I'm trying to delete an item from my items on cart in an ecommerce website, im using jquery for that matter  but nothing works...
my link that i click on to lunch the jquery:
<a class="btn addpanier" href="addpanier.php?id=<?php echo…</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/e-commerce" class="post-tag grid--cell" title="show questions tagged 'e-commerce'" rel="tag">e-commerce</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 May 21 '16 at 20:47">asked May 21 '16 at 20:47</time>
    <a href="../../users/5214068/tarik-kaoukab" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/5214068.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Tarik Kaoukab" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/5214068/tarik-kaoukab" class="s-user-card--link">Tarik Kaoukab</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">61</li>
            
            <li class="s-award-bling s-award-bling__silver" title="3 silver badges">3</li>
            <li class="s-award-bling s-award-bling__bronze" title="9 bronze badges">9</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-34833754">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>-1</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/34833754/do-i-need-e-stoppropagation-and-e-preventdefault" class="question-hyperlink">Do I need e.stopPropagation() and e.preventDefault()?</a></h3>
        <div class="excerpt">In JavaScript/jQuery, I am registering click and touchstart events on a button, with this:
$('#open-about-popup').on('touchstart click', openAboutPopup_eventHandler)

Then in the event-handler, I have this:
e.stopPropagation();…</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 Jan 17 '16 at 00:28">asked Jan 17 '16 at 00:28</time>
    <a href="../../users/3140979/talal" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/3140979.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Talal" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/3140979/talal" class="s-user-card--link">Talal</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">103</li>
            
            <li class="s-award-bling s-award-bling__silver" title="3 silver badges">3</li>
            <li class="s-award-bling s-award-bling__bronze" title="10 bronze badges">10</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-33528808">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>-1</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/33528808/prevent-default-is-not-working-for-me" class="question-hyperlink">prevent default is not working for me</a></h3>
        <div class="excerpt">I've looked at many similiar examples on stackoverflow and other websites, but I can't seem to figure out why my preventdefault() is not working.  Could someone point me in the right direction?

jQuery(document).ready(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 Nov 04 '15 at 17:56">asked Nov 04 '15 at 17:56</time>
    <a href="../../users/4021213/rafael" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/4021213.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Rafael" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/4021213/rafael" class="s-user-card--link">Rafael</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">3,593</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="17 silver badges">17</li>
            <li class="s-award-bling s-award-bling__bronze" title="27 bronze badges">27</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-26381550">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>-1</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/26381550/event-preventdefault-doesn-t-seem-to-work" class="question-hyperlink">event.preventDefault doesn't seem to work</a></h3>
        <div class="excerpt">So im trying to stop a form from refreshing the page and this is the code i'm using:
$("#getName").submit(function(refresh) {
    refresh.preventDefault();
    $("#p22").fadeOut(50);
    $("#p23").fadeIn(800);
   …</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/forms" class="post-tag grid--cell" title="show questions tagged 'forms'" rel="tag">forms</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 15 '14 at 11:35">asked Oct 15 '14 at 11:35</time>
    <a href="../../users/2944316/miguel" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/2944316.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Miguel" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/2944316/miguel" class="s-user-card--link">Miguel</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">310</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="5 silver badge">5</li>
            <li class="s-award-bling s-award-bling__bronze" title="17 bronze badge">17</li>
        </ul>
    </div>
</div>

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

<div class="status ">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/23815395/preventdefault-on-area-tag-seems-not-possible" class="question-hyperlink">preventDefault() on <area> tag, seems not possible</a></h3>
        <div class="excerpt">In this site I'm using Fancybox 2 to trigger a popup that shows some content: http://www.basing.nl/demo/cole/index.html
In the top menu click on 'Ontdekken' and then on 'Folders'.
The problem
The popup opens but the window is scrolled to the top 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/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/fancybox-2" class="post-tag grid--cell" title="show questions tagged 'fancybox-2'" rel="tag">fancybox-2</a> 
                
                <a href="../../questions/tagged/imagemap" class="post-tag grid--cell" title="show questions tagged 'imagemap'" rel="tag">imagemap</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 May 22 '14 at 19:16">asked May 22 '14 at 19:16</time>
    <a href="../../users/156892/kevinius" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/156892.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="kevinius" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/156892/kevinius" class="s-user-card--link">kevinius</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">4,232</li>
            <li class="s-award-bling s-award-bling__gold" title="7 gold badges">7</li>
            <li class="s-award-bling s-award-bling__silver" title="48 silver badges">48</li>
            <li class="s-award-bling s-award-bling__bronze" title="79 bronze badges">79</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>

Questions tagged [preventdefault]