jquery - 在 jQuery 中的同一 div 中分离 "click on text"和 "click on background"事件

Question

<分区>

Answer 1

您指的是 css cursor 属性。

如果光标发生变化，那是因为鼠标悬停在具有不同 cursor 值的元素上，这意味着(当然)每个元素都可以根据点击事件分别定位。

对于这种特殊情况，将您的文本包裹在 span 中，您将实现您所追求的目标:

<div> <span>long text here</span> <br> <span>short one</span> <div>

因为你有 jQuery 标记，你可以选择像这样绑定(bind)你的事件处理程序:

$('span').click(function(event)
{
   alert('span clicked');
   event.stopPropagation();
});

$('div').click(function(event)
{
   alert('div clicked');
});

注意事项:

http://api.jquery.com/event.stoppropagation/停止传播是一种阻止事件“冒泡”的方法。 span 位于 div 内部，因此从技术上讲，如果您的 span 已被单击 - 您的 div 也已被单击。你想在跨度点击事件处理程序中停止它，因此我在跨度点击处理程序上调用了 stopPropagation()。

另请注意，我是根据 div 和 span 选择的，这将选择所有 div 和所有跨度。您需要针对您的代码对其进行优化。