js jquery 多次点击只执行一次 怎样使js中的onclick事件只触发一次,就是我点击了一次...

jquery \u53ea\u70b9\u51fb\u4e00\u6b21

$("button").click(function(){
$(this).attr("disabled","disabled");
});

\u89e3\u51b3\u7684\u65b9\u6cd5\uff1a
1\u3001\u7528jQuery\u7684\u65b9\u5f0f
jQuery\u4e13\u95e8\u4e3a\u6b64\u529f\u80fd\u63d0\u4f9b\u4e86\u4e00\u4e2a\u51fd\u6570one\u3002\u8fd9\u6837\u5199\u5c31\u80fd\u8ba9click\u8fd9\u4e2a\u4e8b\u4ef6\u53ea\u6267\u884c\u4e00\u6b21\u3002
$("#btn3").one('click',function(){
alert('jQuey\u7684one\u51fd\u6570\uff0c\u7b2c1\u6b21\u70b9\u51fb');
});

2\u3001\u4e0d\u7528jQuery\u7684\u65b9\u5f0f
\u6846\u8d77\u6765\u76843\u5904\u90fd\u662f\u4e0d\u7528jQuery\u5b9e\u73b0\u7684\u53ea\u89e6\u53d1\u4e00\u6b21\u7684\u6548\u679c\u3002\u6838\u5fc3\u4ee3\u7801\u662f\u8fd9\u53e5btn.onclick = null;\u5c31\u662fclick\u4e8b\u4ef6\u88ab\u6267\u884c\u7684\u65f6\u5019\uff0c\u8ba9\u5b83\u628a\u8fd9\u4e2a\u4e8b\u4ef6\u672c\u8eab\u7ed9\u6e05\u7a7a\u3002

\u6269\u5c55\u8d44\u6599\uff1a
jQuery\u7684\u6a21\u5757\u53ef\u4ee5\u5206\u4e3a3\u90e8\u5206\uff1a\u5165\u53e3\u6a21\u5757\u3001\u5e95\u5c42\u652f\u6301\u6a21\u5757\u548c\u529f\u80fd\u6a21\u5757\u3002
\u5728\u6784\u9020jQuery\u5bf9\u8c61\u6a21\u5757\u4e2d\uff0c\u5982\u679c\u5728\u8c03\u7528\u6784\u9020\u51fd\u6570jQuery()\u521b\u5efajQuery\u5bf9\u8c61\u65f6\u4f20\u5165\u4e86\u9009\u62e9\u5668\u8868\u8fbe\u5f0f\uff0c\u5219\u4f1a\u8c03\u7528\u9009\u62e9\u5668Sizzle\u904d\u5386\u6587\u6863\uff0c\u67e5\u627e\u4e0e\u4e4b\u5339\u914d\u7684DOM\u5143\u7d20\uff0c\u5e76\u521b\u5efa\u4e00\u4e2a\u5305\u542b\u4e86\u8fd9\u4e9bDOM\u5143\u7d20\u5f15\u7528\u7684jQuery\u5bf9\u8c61\u3002
\u6d4f\u89c8\u5668\u529f\u80fd\u6d4b\u8bd5\u6a21\u5757\u63d0\u4f9b\u4e86\u9488\u5bf9\u4e0d\u540c\u6d4f\u89c8\u5668\u529f\u80fd\u548cbug\u7684\u6d4b\u8bd5\u7ed3\u679c\uff0c\u5176\u4ed6\u6a21\u5757\u5219\u57fa\u4e8e\u8fd9\u4e9b\u6d4b\u8bd5\u7ed3\u679c\u6765\u89e3\u51b3\u6d4f\u89c8\u5668\u4e4b\u95f4\u7684\u517c\u5bb9\u6027\u95ee\u9898\u3002
\u5728\u5e95\u5c42\u652f\u6301\u6a21\u5757\u4e2d\uff0c\u56de\u8c03\u51fd\u6570\u5217\u8868\u6a21\u5757\u7528\u4e8e\u589e\u5f3a\u5bf9\u56de\u8c03\u51fd\u6570\u7684\u7ba1\u7406\uff0c\u652f\u6301\u6dfb\u52a0\u3001\u79fb\u9664\u3001\u89e6\u53d1\u3001\u9501\u5b9a\u3001\u7981\u7528\u56de\u8c03\u51fd\u6570\u7b49\u529f\u80fd\uff1b
\u5f02\u6b65\u961f\u5217\u6a21\u5757\u7528\u4e8e\u89e3\u8026\u5f02\u6b65\u4efb\u52a1\u548c\u56de\u8c03\u51fd\u6570\uff0c\u5b83\u5728\u56de\u8c03\u51fd\u6570\u5217\u8868\u7684\u57fa\u7840\u4e0a\u4e3a\u56de\u8c03\u51fd\u6570\u589e\u52a0\u4e86\u72b6\u6001\uff0c\u5e76\u63d0\u4f9b\u4e86\u591a\u4e2a\u56de\u8c03\u51fd\u6570\u5217\u8868\uff0c\u652f\u6301\u4f20\u64ad\u4efb\u610f\u540c\u6b65\u6216\u5f02\u6b65\u56de\u8c03\u51fd\u6570\u7684\u6210\u529f\u6216\u5931\u8d25\u72b6\u6001\uff1b
\u6570\u636e\u7f13\u5b58\u6a21\u5757\u7528\u4e8e\u4e3aDOM\u5143\u7d20\u548cJavascript\u5bf9\u8c61\u9644\u52a0\u4efb\u610f\u7c7b\u578b\u7684\u6570\u636e\uff1b\u961f\u5217\u6a21\u5757\u7528\u4e8e\u7ba1\u7406\u4e00\u7ec4\u51fd\u6570\uff0c\u652f\u6301\u51fd\u6570\u7684\u5165\u961f\u548c\u51fa\u961f\u64cd\u4f5c\uff0c\u5e76\u786e\u4fdd\u51fd\u6570\u6309\u987a\u5e8f\u6267\u884c\uff0c\u5b83\u57fa\u4e8e\u6570\u636e\u7f13\u5b58\u6a21\u5757\u5b9e\u73b0\u3002

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>隔一段时间执行点击</title>
<script src="

<script>
$(function(){
var tiemer = "";
var time = 3000;//每次点击三秒后才能再次点击
var fun = function bClick(){
alert("执行方法");
$("button").unbind("click");
tiemer = setTimeout(function(){
$("button").click(fun);
},time);
};
$("button").click(fun);
})
</script>
</head>
<body>
<button>点击事件</button>
</body>
</html>

应该是逻辑问题了,给你例子,看看



扩展阅读:黑马java视频 ... java ajax ... javascript&jquery ... 初中生学java ... java windowbuilder ... jquery rotate js ... javascript免费网站 ... jquery min js ... java j2me runner ...

本站交流只代表网友个人观点,与本站立场无关
欢迎反馈与建议,请联系电邮
2024© 车视网