求教关于js连续点击事件但最终只触发一次应该怎么写

JavaScript016

求教关于js连续点击事件但最终只触发一次应该怎么写,第1张

在点击事件中设置一个变量。如果发生了点击就改变这个变量。例子

var hit = false

document.body.onclick = function() {

    if( !hit ) {

        hit = true

        alert( "hit" )

    }

}

你这里不是JQuery为什么用"#"?你要想隐藏的的话也只需一行代码

document.getElementById('xy1').style.display="none"

就可以了，连续点击是双击的意思吧？你onclick是单击的意思，双击的ondblclick，而且单击的按钮不能用a标签，建议用button

先来看看效果图

实例代码

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #box {margin: 100px auto width: 200px height: 150px line-height: 150px letter-spacing: 10px text-align: center font-size: 30px font-weight: bolder border: 2px solid palegreen word-wrap: break-word border-radius: 5px position: relative } #btn{position: absolute left:50% top:280px }</style> </head> <body> <div id="box"> <span>1</span> <span>2</span> <span>3</span> <span>4</span> </div> <input type="button" id="btn" value="我变了哟！"/> <script> //提取标签var box=document.getElementById("box") var span=document.getElementsByTagName("span") var btn=document.getElementById("btn") var color="" var str="0123456789abcdef" btn.onclick=function(){ for(var i=0i<span.lengthi++){//生成四位数for(var j=0j<6j++){//随机改变每个数字的颜色 color+=str.substr(parseInt(Math.random()*str.length),1)//取颜色(循环，每次提取一位，进行拼接组成6为颜色的值)}span[i].innerHTML=parseInt(Math.random()*10)//生成随机数span[i].style.color=("#"+color)//随机改变每个span的颜色color="" }} </script> </body> </html>

以上就是这篇文章的全部内容，实现代码很简单，希望对大家能有一定的帮助，如果有问题可以留言交流，小编会尽快给大家回复的。