[Closed] How to create nonclickable anchor tag? ??

[Manojnaanak]

Hello everyone,

How to create nonclickable anchor tag? ??

[Manojnaanak]

click event should not work. no matter there is link or not

[chrisburton]

@manojnaanak What are you trying to do exactly (as asked above)?

[Manojnaanak]

may be i am unable to make you understand due to my poor english.

actually i want to create a anchor tag that should be non clickable means if click on it i should be stay there.

may be you understand now.

:|

[pixelgrid]

you can do one of the following

1 – as @Melindrea said dont use an href attribute

2 – preventDefault with javascript

3 use another inline element (like a span) and style it

[Historical Forums User]

<a class="prevent" href="#">Link</a>



// Script

$(".prevent").on("click", function(e){

e.preventDefault();

});

[chrisburton]

@manojnaanak @pixelgrid @adahei

Instead I would just do the following:

Text

Demo: http://codepen.io/chrisburton/pen/trHEL

[Manojnaanak]

thanking you @Adahei

[Historical Forums User]

@chrisburton: That works too but I really dont like to add inline javascript.

[gowda24]

Hi,

use the following code to make it non-clickable
click
or
click

Second one even doesnt trigger the click at all.

[gowda24]

“click“
or
“click“
quotes added to make code viewable

[gowda24]

click me

[gowda24]

click

[Alen]

> `click`

This would jump you to the top of the page.

If the only thing you are doing is preventing linking I suggest going with inline JavaScript like @chrisburton mentioned. This way it’s very explicit and there’s no need to go back and forth between HTML/JS to figure out what class is targeted with jQuery and whatnot. All you need to know is in one place–HTML. (possibly might need to rethink this approach if you are not template based, if you need to manage many HTML files=nightmare)

Now if you are adding extra functionality and interactivity it would make more sense to manage all the code in one place, external JS file.

Hope that helps

[jurotek]

I am thoroughly confused. OP never explain under what circumstances he wants to implement something as this. So at the end we end up with something that looks like a link which is not suppose to be clickable but is, with no action on click. So what does something like this convey to user. You just want me to click on it for the fun of it? Should I think at that point that you forgot to hyperlink it or you just fooling around? The predictability and user expectations are right out of the window. There is prolly room for something like this, usually active navigation tab but is it in your case?

[Author]

Posts