是否有任何HTML CSS或JavaScript点击属性？

Question

例如在拖放情景。我很想能够使用的，我们拖动到事情的onmouseover，但不幸的是，设计鬼（中正在拖什么副本），将围绕呼叫鼠标指针的区域。所以光标一直在幽灵身上。

Answer 1

对于Firefox 3.6 +，Chrome和Safari浏览器，你可以使用pointer-events: none;

• jsfiddle.net Example

• Original Post from pixelastic.com

当一个HTML元素是在另一个一个（就像定位一个012时一样使用position:absolute）元素，你通常无法通过 顶级元素点击进入底部的元素。

这是作为一个普通 技术，以防止被一些网站（如Flickr的 ）在图像上单击鼠标右键。他们只是在他们的图像上添加一个空的透明div到 防止lambda用户右击并保存图像。

有时，在集成复杂设计时，您需要额外的 图层，但您还希望用户能够点击它们， 就好像它们不在那里一样。

只需使用pointer-events:none css 属性即可允许点击事件通过该元素。

这只是 现在支持Firefox 3.6+，Chrome和Safari。

Answer 2

您可以使用jQuery？如果是这样，我会研究jQuery UI来处理拖放事件。既然你可以制作你正在拖动的东西的鬼副本，而不会中断它的放置位置。对于拖，让您展现一个假鬼副本

视觉反馈。 - http://jqueryui.com/demos/draggable/#visual-feedback

当您将鼠标悬停在可投放区域上时的可视反馈。 - http://jqueryui.com/demos/droppable/#visual-feedback