button with no postback?

Question

Well i have a asp.net page where i have a button that im using to execute a JavaScript... but after the JavaScript has run the page reloads(postback) how can i avoid that?

Answer 1

you need to use return false

<button onclick="printElement('content');return false">Print</button>

Answer 2

You should just use an input button instead:

<input type="button" onclick="printElement('content')" value="Print" />

this doest NEED an form (so you can use it without) and you dont have the problem with the postback.

Hope this helps

Answer 3

Add type="button" to your <button> tag like so:

<button type="button" onclick="printElement('content');">Print</button>

This answer explains the behavior.

Answer 4

if you don't need a post back you should use an HTML button.

in that case you don't need override the behavior to avoid the post back and it's laighter to load (it doesn't need to be worked by the server to render back the HTML)

Answer 5

Alter you click event as below:

<button onclick="printElement('content');return false;">Print</button>