如何停止页面重新加载按钮点击jquery
我正在使用下面的代码按钮点击事件使用jQuery。点击按钮时,页面重新加载。如何停止页面重新加载按钮点击jquery
$('#button1').click(function() {
//Code goes here
return false;
});
您可以使用event.preventDefault()
来防止发生默认事件(单击)。
$('#button1').click(function(e) {
// prevent click action
e.preventDefault();
// your code here
return false;
});
同样的事情将适用于输入按键的文本框? – Vicky
它应该无论发生什么事件都会阻止默认操作。 – doublesharp
如果你的“按钮”是一种button
元素,确保你明确地设置type
属性,否则的WebForm将把它作为默认提交。
<button id="button1" type="button">Go</button>
如果它是一个input
元素,用jQuery这样做有以下几点:
$('#button1').click(function(e){
e.preventDefault();
// Code goes here
});
非常感谢你解释答案。我是一名新秀,你的第一个陈述澄清了我的想法。谢谢 – Solace
有一些代码,明确增加了重装上按钮的功能,里面的网页点击?据我所知,在一个简单的按钮点击,页面不会重新加载。 –
我在页面中添加了什么 – Vicky
只添加了jquery.min.js 1.11.3和我的代码。 – Vicky