当我点击jquery按钮时,javascript函数会执行更多次
javascript function execute more times when i click with jquery button
我试着用jQuery制作按钮,我调用了JavaScript函数,但我遇到了问题:
- 页面加载后,第一次点击mybutton没有反应
- 第二次单击将执行两次功能
- 第三次点击将执行功能三以及更多
为什么我的代码执行得更多?我只想要"一键执行JavaScript函数"我的代码像这个
<script type="text/javascript" language="javascript">
function showcase(){
var foo = function () {
alert('tutup');
};
$('#create-new').on('click',foo);
return false;
}</script> <button class="button" id="create-new"onclick="return showcase();">show text</button>
请帮我解决这个问题
在这里尝试我的完整错误代码http://jsbin.com/ovucer/1/edit
您正在向元素注册多次单击事件侦听器
每次点击按钮时,都会使用showcase
方法向按钮添加一个新的点击处理程序,这是不需要的
<button class="button" id="create-new">show text</button>
<script type="text/javascript" language="javascript">
var foo = function () {
alert('tutup');
};
$('#create-new').on('click',foo);
</script>
发生这种情况的原因是绑定了一个click
事件,该事件调用showcase()
函数,该函数还绑定了新的click
事件,该调用foo()
方法。每次单击按钮时都会重复上一次迭代。这是一种递归。
正确的方法是在元素加载后绑定一次点击事件:
<button class="button" id="create-new">show text</button>
<script type="text/javascript">
$("#create-new").on("click", function() {
alert("tutup");
});
</script>
您正在onclick,中注册一个onclick函数
使用这个:
$('#create-new').on('click', function(){ alert('text button'); return false; });
您要绑定两次click事件。在HTML上使用onclick
,然后再次使用jQuery .on()
。
为了让你的生活更轻松,而且你已经在使用jQuery了,只需在文档准备活动中进行即可:
var foo = function () {
alert('text button');
return false;
};
$(function () {
$('#create-new').on('click',foo);
});
通过删除onclick
:来修复您的HTML位
<button class="button" id="create-new">show text</button>
在脚本标记中尝试此操作,然后删除按钮中的the onclick event
:
var foo = function () {
alert('tutup');
};
$('#create-new').on('click',foo);
return false;
相关文章:
- 等待回调函数执行
- 暂停函数执行流程,直到ajax请求完成
- Bigcommerce-是否可以在函数执行后更改文本
- 如何对jquery中的未命名函数执行.call()
- 等待函数执行后再继续
- mootools类型的函数将文本作为函数执行
- 停止从另一个函数执行Javascript函数
- Jquery回调函数执行多次
- 如何使即兴 jquery 暂停当前函数执行
- JavaScript 双函数执行
- 来自函数 Javascript 的 NaN 返回值 ||函数执行顺序
- 如何在 JS 中调用 2 次或更多次时延迟函数执行
- 函数执行的次数超出预期
- JS中函数执行错误
- 为什么这个函数执行了两次
- 从子函数执行父函数;t更新父级'的属性
- 如何在jQuery函数执行's处于活动状态
- 使用javascript函数执行php文件
- jQuery函数执行顺序
- javascript中同步函数执行中的问题