jquery – 使用指针事件保持Hover属性：none

我有一个背景图片下的按钮.为了使按钮可点击,我添加了一个“pointer-event：none”.但是,我也想要一个精灵图像,在那里我改变悬停的背景图像,指针事件也被禁用.有没有办法保持元素的悬停属性,而点击通过它？

我搜索并尝试jquery unbind单击并返回false当#cover_button被点击,但它没有工作.

这是我的代码如果我保持指针事件：无我可以单击我的背景图像下面的按钮.但这将禁用悬停属性.如果我删除它,我将无法单击.

#cover_button {
    pointer-event: none;
    position: absolute;
    width: 46px;
    height: 24px;
    left: 0;
    top: 0;
    background: url(http://s13.postimg.org/bqxlnbfs3/Like.png);
}

#cover_button:hover {
    background: url(http://www.moronacity.com/tech-journal/images/2011/February/small-Facebook-like-button-counter.gif);
}

编辑：
这是一个小提琴：
可点击,但不可徘徊
http://jsfiddle.net/3PXTK/1/

这是另一个：Hoverable但不可点击(我刚刚删除指针事件：无)
http://jsfiddle.net/3PXTK/

解决方法

你不能有一个cookie,吃一个cookie.首先,你必须了解指针事件如何工作：

none prevents all click,state and cursor options on the specified
HTML element

这意味着没有点击,没有悬停,没有活动 – 没有光标.你不能说好,我只想要悬停,没有别的.

BTW. FB这样做是因为它们不允许像按钮那样进行任何更改.你不能改变一下,盖上它

原文地址：https://www.jb51.cc/jquery/180182.html