Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #30958 > unrolled thread

Page refresh on click compulsory?

Back to article view | Back to comp.lang.javascript

Contents

  Page refresh on click compulsory? bit-naughty@hotmail.com - 2016-07-22 06:51 -0700
    Re: Page refresh on click compulsory? "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2016-07-22 16:42 +0200
    Re: Page refresh on click compulsory? Ben Bacarisse <ben.usenet@bsb.me.uk> - 2016-07-22 16:28 +0100

#30958 — Page refresh on click compulsory?

If I click on something, does it ALWAYS mean that the page will blank, and the next page will be got? How is this prevented exactly? If I just do a "addEventListener" with a "click" argument, will it be prevented? (say I just want some type of "box" to popup when a particular link is clicked, as I've seen on many sites....)
I'm still new to this stuff, so learning.... :)


Thanks.

[toc] | [next] | [standalone]

#30959

bit-naughty@hotmail.com wrote on 22 Jul 2016 in comp.lang.javascript:

> If I click on something, does it ALWAYS mean that the page will blank,
> and the next page will be got?

No.

> How is this prevented exactly? If I just

It is not true. It does it ALWAYS mean that.

> do a "addEventListener" with a "click" argument, will it be prevented?

Why not start with easier to understand:

onclick = '....';

[see below]

> (say I just want some type of "box" to popup when a particular link is
> clicked, as I've seen on many sites....)

I don't understand your "just", 
because it does it ALWAYS mean that.

> I'm still new to this stuff, so learning.... :) 

Do you think that learning is 'just' for beginners?

============================

Answer, [although it is all over the web]:

Have your code return *false*:

<myElement onclick = 'myFunction1();myF2();return false;'> ...

-- 
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[toc] | [prev] | [next] | [standalone]

#30960

bit-naughty@hotmail.com writes:

> If I click on something, does it ALWAYS mean that the page will blank,
> and the next page will be got? How is this prevented exactly? If I
> just do a "addEventListener" with a "click" argument, will it be
> prevented?

If you install the event handler using addEventListener, you have to
cancel the event's default behaviour by calling

  event.preventDefault()

in the handler function.  There's also the possibility that you don't
want the event to propagate further up (or down) which you would do with
event.stopPropagation().

<snip>
-- 
Ben.

[toc] | [prev] | [standalone]

Back to top | Article view | comp.lang.javascript

csiph-web