Javascript 我如何知道单击了哪个div?

Javascript 我如何知道单击了哪个div?,javascript,html,css,Javascript,Html,Css,我正在使用HTML5、CSS和JavaScript制作一个tic-tac-toe游戏。我已经确定了获胜的模式,以及或多或少如何使其发挥作用。不涉及人工智能;它旨在成为一个玩家对同一台计算机上的玩家的游戏 我想做的就是: 知道何时单击div 知道单击了哪个div 如果可能的话,请告诉我。如果是,如何进行。请欣赏这些步骤,不要发布完整的代码:)这是可能的,您应该为此使用javascript(JQuery)。您可以注册鼠标单击的侦听器,从中可以捕获被单击的div的id,并绑定到容器,然后检查事件对象

我正在使用HTML5、CSS和JavaScript制作一个tic-tac-toe游戏。我已经确定了获胜的模式,以及或多或少如何使其发挥作用。不涉及人工智能;它旨在成为一个玩家对同一台计算机上的玩家的游戏

我想做的就是:
  • 知道何时单击div
  • 知道单击了哪个div

  • 如果可能的话,请告诉我。如果是,如何进行。请欣赏这些步骤,不要发布完整的代码:)

    这是可能的,您应该为此使用javascript(JQuery)。您可以注册鼠标单击的侦听器,从中可以捕获被单击的div的id,并绑定到容器,然后检查事件对象的属性以确定单击了哪个元素


    认真考虑用<代码> <代码> s替换<代码> <代码> s,因为它们被设计成交互式的(因此有自动出现在焦点顺序中的好处).

    <代码> < <代码> >,如果使用jQuery,它可以是非常简单的:

    $("div.box").on("click", function() { $(this).addClass("clicked"); });
    
    上面将检查类为“box”的任何div,并向其中添加一个“clicked”类

    不知道为什么这被否决了。。这里有一个例子说明它的工作原理。。即使是我认为需要的样本


    @techfoobar是的,我喜欢:)你会接受使用jQuery的解决方案吗?试试/在事件处理程序中,或者也许完成工作与引入一些臃肿和不必要的外部库不同,因为现在的原因显而易见。1。jQuery将使它变得简单,但不需要这样做。2.告诉别人这是可能的并不是答案。好吧,这个建议被接受了。由于
    document.querySelectorAll(“按钮”)
    ,将返回大量
    按钮。所有
    按钮
    都将具有相同的侦听器?@LittleChild-否。容器上只有一个侦听器。您可以使所有按钮具有相同的侦听器,但您可以使每个按钮具有唯一的id,以便您知道单击了哪个按钮。@Quentin非常感谢您。非常感谢。本书使用
    函数TextHandler(event){…}
    来处理文本输入,并使用
    事件。keycode
    确定是否按下了enter键。每个事件处理函数都可以传递一些参数给它?然后参数将包含相关信息?任何事件处理程序将收到的第一个参数将是。有时,它的属性会根据事件的类型而有所不同。例如,单击事件不会有键码。OP没有说明使用jquery作为解决方案的愿望是原因。@Xotic750,答案是使用
    this
    ,jquery只是在使用
    this
    的示例中使用。您可以更改答案以反映javascript。