如何重复onclick事件
How to repeat onclick event?
在下面的代码中,如果我再次点击它,为什么它不把球的颜色改回红色?
<!DOCTYPE html>
<html>
<body>
<script>
function farbe1(){
var stern_style = document.getElementById('kugel1').style;
var click;
if(click != 0){
stern_style.setProperty('fill','#F57200');
click = 0;
}
else if(click == 0){
stern_style.setProperty('fill','red');
click = 1;
}}
</script>
<svg height="2000" width="2000">
<circle id="kugel1" cx="1050" cy="500" r="50" style="fill:red;" onclick="farbe1()" />
</svg>
</body>
</html>
我(正如你可能看到的)是一个初学者,希望得到一些帮助。
因为您的标志在调用时被重置,所以将其移出功能:
var click=0;
function farbe1(){
var stern_style = document.getElementById('kugel1').style;
if(click != 0){
stern_style.setProperty('fill','#F57200');
click = 0;
}
else if(click == 0){
stern_style.setProperty('fill','red');
click = 1;
}
}
在函数之外定义var click;
var click;
function farbe1(){
var stern_style = document.getElementById('kugel1').style;
if(click != 0){
stern_style.setProperty('fill','#F57200');
click = 0;
}
else if(click == 0){
stern_style.setProperty('fill','red');
click = 1;
}}
这是因为您在farbe1()
函数中声明了click
。因此,在每次新调用时都将其设置为undefined,并且永远无法访问click == 0
。
相关文章:
- 如何在执行此特定onclick事件时执行JavaScript函数
- 如何调用“;链接_;在onclick事件上使用Javascript
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 选择onclick事件jquery
- 如何刷新列表框内容onclick或blur事件
- 执行php函数的onclick事件的其他替代方案
- 动态创建OnClick事件Javascript
- onClick事件未触发reactjs
- 使用java脚本更改onClick事件中菜单选项卡的颜色
- 如何使用OnClick事件通过参数调用来调用PHP函数
- 第二个事件[onClick]不起作用
- 复选框事件onclick不起作用
- 如何在jQuery中为通知添加事件onClick
- JS函数不响应事件onclick
- 使用事件onclick访问if语句Javascript中变量的值
- 如何在事件onclick中抓取文本
- 如何绑定id < light >与事件Onclick
- 未找到JS事件OnClick
- 如何在js/prototype中触发具有特定顺序的事件(onclick)
- 无法触发javascript事件OnClick的复选框