个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我在 <td> 上有一些 addEventListener元素，只要我运行 .html，它们 9 个中的 5 个就会激活，而无需我单击它们。我正在使用 jquery 和 normalize.css 文件。
JavaScript
window.onload = function(){
var turn = 1;
document.title = "First Player";
var coolDown = 'False';
var Oone, Otwo, Othree, Ofour, Ofive, Osix, Oseven, Oeight, Onine, Xone, Xtwo, Xthree, Xfour, Xfive, Xsix, Xseven, Xeight, Xnine
var OGridArray = [Oone, Otwo]
var makeScreen = function(){
var height = $(window).height();
var width = $(window).width();
$('#screen').height(height);
$('#screen').width(height);
var extraSpace = width - height;
var halfOfExtraSpace = extraSpace / 2;
$('#screen').css("left", halfOfExtraSpace);
};
var drawImage = function(section){
if (turn == 1){
if (coolDown == 'False'){
alert(Oone) //Debugging stuff :p
alert(Otwo)
alert(Othree)
alert(Ofour)
alert(Ofive)
alert(Osix)
alert(Oseven)
alert(Oeight)
alert(Onine)
OGridArray = [Oone, Otwo, Othree, Ofour, Ofive, Osix, Oseven, Oeight, Onine]
if (OGridArray.indexOf('O' + section) == -1){
drawCircle(section);
turn = 2;
document.title = "Second Player";
coolDown = 'True';
};
};
};
if (turn == 2){
if (coolDown == 'False'){
drawCross(section);
turn = 1;
document.title = "First Player";
coolDown = 'True';
};
};
coolDown = 'False';
};
var drawCircle = function(section){
alert('circle red')
$('#' + section).css("background-color", "red")
if ('O' + section == "Oone"){
Oone = "Oone"
};
if ('O' + section == "Otwo"){
Otwo = "Otwo"
};
if ('O' + section == "Othree"){
Othree = "Othree"
};
if ('O' + section == "Ofour"){
Ofour = "Ofour"
};
if ('O' + section == "Ofive"){
Ofive = "Ofive"
};
if ('O' + section == "Osix"){
Osix = "Osix"
};
if ('O' + section == "Oseven"){
Oseven = "Oseven"
};
if ('O' + section == "Oeight"){
Oeight = "Oeight"
};
if ('O' + section == "Onine"){
Onine = "Onine"
};
};
var drawCross = function(section){
alert('cross blue')
};
makeScreen();
var one = document.getElementById('one');
one.addEventListener('click', drawImage('one'));
var two = document.getElementById('two');
two.addEventListener('click', drawImage('two'));
var three = document.getElementById('three');
three.addEventListener('click', drawImage('three'));
var four = document.getElementById('four');
four.addEventListener('click', drawImage('four'));
var five = document.getElementById('five');
five.addEventListener('click', drawImage('five'));
var six = document.getElementById('six');
six.addEventListener('click', drawImage('six'));
var seven = document.getElementById('seven');
seven.addEventListener('click', drawImage('seven'));
var eight = document.getElementById('eight');
eight.addEventListener('click', drawImage('eight'));
var nine = document.getElementById('nine');
nine.addEventListener('click', drawImage('nine'));
};
HTML
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="main.css">
<script src="jquery.js"></script>
<script src="main.js"></script>
<title>JavaScript Interaction Test.</title>
</head>
<body>
<table id="screen">
<tr>
<td id="one"></td>
<td id="two"></td>
<td id="three"></td>
</tr>
<tr>
<td id="four"></td>
<td id="five"></td>
<td id="six"></td>
</tr>
<tr>
<td id="seven"></td>
<td id="eight"></td>
<td id="nine"></td>
</tr>
</table>
</body>
</html>
在评论/投票之前，请记住我仍在学习 javascript，我不知道很多其他人可能会觉得简单和基础的东西。
感谢您的宝贵时间。
PS:这是我看到的图片:
最佳答案
函数被立即调用的原因是因为你添加了括号，它调用了函数，你只想引用它
one.addEventListener('click', drawImage);
这意味着没有参数，但你可以使用匿名函数
one.addEventListener('click', function() {
drawImage('one')
});
或者在 drawImage 函数中使用 this.id，看起来应该是一样的。
真正的问题可能是你为什么不使用 jQuery
$('#screen tr td').on('click', function() {
drawImage(this.id);
});
关于javascript - addEventListener 无故激活？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28662574/
26
4
0
我目前正在使用发现的重力脚本 here为了在我的网页上创建重力效果，我正在本地开发 atm。 我的问题是，重力效果的激活似乎是在鼠标移动时进行的，而我需要它在文档准备好时才触发。 google.cod
我正在尝试关注 Railsbridge Intallfest 并尝试将我的第一个 Rails 应用程序部署到 heroku。我不断收到以下错误消息: Gem::LoadError: Specified
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。 已关
Home-tab 是默认选中的，但是它的颜色是灰色的:( Home Bla Contact
我没有得到它的工作，我不知道为什么......遗憾的是其他问题 + 答案没有帮助。 测试设备: iPhone 6 iPad 2 相关代码: override func viewWillTransiti
我试图加载一个 View ，就像用户已经按下 UISearchBar 一样。我希望 SearchController 加载顶部的 UISearchBar 以及取消按钮。 我已经试过了: func ac
试图在 if whiteDotDist < centerRadius - whiteDotRadius 时获取代码执行它下面的所有代码都是事件的，并且当它下面的代码被执行时它再次变为非事件状态直到if
我正在使用 anaconda python。所以每次，在我的 mac 终端中，我输入终端命令: source /Users/mylaptop/anaconda/bin/activate /Users/
在我的 Angular 项目中，我有这种代码: this.swUpdate.available.subscribe(() => { ... }); 它工作正常，但给了我关于 activated 被
我想弄清楚 Julia 包是如何工作的，因为我喜欢容器化环境。我真的很挣扎。 在 python 中，我会做类似 conda create env --name ds 的事情创建环境然后安装容器化包我会
我的宏中有一些代码如下 ChDir File_pth Workbooks.Open filename:= File_pth & "\" & open_tkt Workbooks.Open filena
长话短说，我有两张纸，一张是“原始数据”，另一张是“结果”。我试图让结果表从“原始数据”表的每第七行中提取文本或数字，因此“结果”中的 A1 将是原始数据中的 A1，“结果”中的 A2 将是“原始数据
我不知道如何做到这一点，或者我是否可以做到这一点。我有一个 jQuery UI Accordion，多个部分，每个部分包含多个 anchor 标记，每个 anchor 标记都有一个唯一的字符串 id。
我不敢相信我还没有找到任何关于此的文档，但我想知道如何命令键盘激活并接收来自它的输入。我可以找到在编辑文本字段时操作弹出键盘的所有示例。谢谢 最佳答案 您还可以使用 UIKeyInput 协议(pro
我正在尝试为我的 Electron 应用程序生成NSIS安装程序的日志。为此，我创建了一个文件'logging.nsh'来定义LogSet和LogText宏。 以下是logging.nsh文件的代码:
几周前，我开始使用 typescript 和 knockoutJS，我有一个具体的问题，但我有解决方案，它太丑了，我无法忍受，但无法从中得到任何更好的东西，有太多代码需要粘贴，但我会尽力描述我的问题:
当我尝试激活我的虚拟环境时收到此错误即源 ~/edu-venv/bin/activate -bash: /home/vagrant/edu-venv/bin/activate: No such fil
要创建触发器，似乎必须发布它才能生效。但是发布需要对“协作”分支进行 PR，这意味着我们甚至在测试触发器是否实际工作之前就必须创建一个 PR，并且还必须创建多个后续 PR，直到我们获得正确的触发器。
我是最近的 IntelliJ Idea 用户，我不知道如何启用 Hibernate。当我右键单击我的项目时，Hibernate 不会出现在“添加框架支持”菜单中(实际上我唯一可以选择的技术是 Groo
要创建触发器，似乎必须发布它才能生效。但是发布需要对“协作”分支进行 PR，这意味着我们甚至在测试触发器是否实际工作之前就必须创建一个 PR，并且还必须创建多个后续 PR，直到我们获得正确的触发器。
我是一名优秀的程序员,十分优秀！