Question

我想禁用边框字段的click事件。为什么边界可以点击，我该如何解决？

.circle {
    border-radius: 100px;
}

span {
    display: block;
    background: #000;
    width: 200px;
    height: 400px;
    border-radius: 100px;
}

JS Fiddle Demo

感谢。

Answer 1

您可以使用CSS解决这种不受欢迎的影响，因为用户没有点击span元素，而是点击a（没有border-radius）。

要解决此问题，只需删除span元素及其样式，然后设置a元素的样式：

a {
    display:block;
    background:#000;
    width:200px;
    height:400px;
    border-radius:100px;
}

Working demo

Demonstration of how the a area can affect your code

Answer 2

这是不可能的，至少没有很多非常复杂的数学来确定点击是在元素内还是在曲线之外。

记住元素有框模型;因此，即使您使它们弯曲，它们仍然被浏览器视为框，并在DOM中表示为这样。如果不是这样，你就会有附近的元素渗入边界半径空出的空间，这种情况不会发生。

javascript禁用border-radius click事件

2 个答案: