Javascript Checker、HTML、JS、CSS 2在相同位置单击事件

Javascript Checker、HTML、JS、CSS 2在相同位置单击事件,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在创建一个问题,我有一个表,在td元素中,我有一个span元素来表示一个片段 问题在于td元素有一个onclick事件,而td内部的跨度也有一个onclick事件 所以问题是两个事件都会被触发,我只想触发span元素的事件(如果有一个片段的话) 我如何处理两件事 代码如下: var player=“p1”; var lastclickedd=“#”; 美元(“.dot”)。在(“单击”,dotclickdhandler); 函数dotClickHandler(){ var rawPieceI

我在创建一个问题,我有一个表,在td元素中,我有一个span元素来表示一个片段

问题在于td元素有一个onclick事件,而td内部的跨度也有一个onclick事件

所以问题是两个事件都会被触发,我只想触发span元素的事件(如果有一个片段的话)

我如何处理两件事

代码如下:

var player=“p1”;
var lastclickedd=“#”;
美元(“.dot”)。在(“单击”,dotclickdhandler);
函数dotClickHandler(){
var rawPieceIdClicked=$(this.attr('id');
如果(lastClickedId==“#”){
lastClickedId+=已单击的rawPieceIdClicked;
console.log(lastClickedId);
$(“#p1-p1”).addClass(“分段选定”);
}
}
函数movableClickHandler(){
控制台日志(“aa”);
如果(lastClickedId==“#”)
返回;
var cellId=“#”+$(this.attr('id');
$(lastClickedId).detach().appendTo(cellId);
$(lastClickedId).removeClass(“pieceSelected”);
lastClickedId=“#”;
}
美元(“.movable”)。在(“单击”,movableClickHandler)
*{
边际:0px;
填充:0px
}
桌子{
保证金:0自动;
边界塌陷:塌陷;
背景#B73A4A;
}
运输署{
位置:相对位置;
宽度:70px;
高度:70像素;
}
多特先生{
位置:相对位置;
宽度:7vmin;
高度:7分钟;
背景色:#e4a6ae;
背景大小:65%;
背景重复:无重复;
背景位置:中心;
边界半径:6vmin;
显示:内联块;
框大小:边框框;
过渡:所有0.2s线性;
利润上限:1V分钟;
左边距:1.3vmin;
光标:指针;
边框:1vmin实心#B93848;
过渡:所有0.2s线性;
z指数:2;
}
tr:n个孩子(奇数)td:n个孩子(偶数),
tr:n个孩子(偶数)td:n个孩子(奇数){
背景:黑色;
}
.已选定{
盒影:0 0 10px 5px#16A8C7;
}

您可以添加
.off(“单击”)关闭div的单击事件

var player=“p1”;
var lastclickedd=“#”;
美元(“.dot”)。在(“单击”,dotclickdhandler);
函数dotClickHandler()
{
var rawPieceIdClicked=$(this.attr('id');
如果(lastClickedId==“#”){
lastClickedId+=已单击的rawPieceIdClicked;
console.log(lastClickedId);
$(“#p1-p1”).addClass(“分段选定”);
}
}
函数movableClickHandler()
{
控制台日志(“aa”);
如果(lastClickedId==“#”)返回;
var cellId=“#”+$(this.attr('id');
$(lastClickedId).detach().appendTo(cellId);
$(lastClickedId).removeClass(“pieceSelected”);
lastClickedId=“#”;
$('.movable')。关闭(“单击”);
}
美元(“.movable”)。在(“单击”,movableClickHandler)
*{
边际:0px;
填充:0px
}
桌子{
保证金:0自动;
边界塌陷:塌陷;
背景#B73A4A;
}
运输署{
位置:相对位置;
宽度:70px;高度:70px;
}
多特先生{
位置:相对位置;
宽度:7vmin;
高度:7分钟;
背景色:#e4a6ae;
背景大小:65%;
背景重复:无重复;
背景位置:中心;
边界半径:6vmin;
显示:内联块;
框大小:边框框;
过渡:所有0.2s线性;
利润上限:1V分钟;
左边距:1.3vmin;
光标:指针;
边框:1vmin实心#B93848;
过渡:所有0.2s线性;
z指数:2;
}
tr:n个孩子(奇数)td:n个孩子(偶数),tr:n个孩子(偶数)td:n个孩子(奇数){
背景:黑色;
}
.已选定{
盒影:0 0 10px 5px#16A8C7;
}


请添加代码。您能在此发布您的代码吗抱歉,我认为描述已经足够了,添加。
函数dotClickHandler(){…return false;}
可能重复的