我有一个带有背景图像的链接列表,它们都具有填充,我不想单击它。但是,我希望能够单击背景图像。是否可以在背景图像上启用指针事件?我愿意通过CSS或JS做到这一点。

例如:

$(document).ready(function () {
    $("?????").click(function (e) {
        e.preventDefault();
        $("a span").css({"color":"green"});
    });
});


我在jQuery中有一个大致具有这种性质的功能(但有点复杂),但是我希望单击仅引用背景图像,因此我不确定该怎么做。

这是我的意思的演示:http://jsfiddle.net/stamblerre/x7bdu/7/

在这种情况下,我希望能够单击铅笔图像。

我做过类似jQuery的事情,但是我希望鼠标看起来好像无法单击某个区域,并且我的解决方案不会阻止鼠标的变化,这就是为什么我正在寻找一种替代方法。

谢谢你的帮助!!

最佳答案

不确定这是否是您所需要的,但是要防止鼠标发生变化,您只需要做

a {
  cursor: default;
}


http://jsfiddle.net/michaelburtonray/x7bdu/11/

关于javascript - 使链接没有可点击的填充,但具有可点击的背景图片,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24288973/

10-09 15:05
查看更多