pointer-events:none但是捕获click

Question

是否可以仅允许单击并禁用所有其他指针事件

顶层有一个搜索栏

底层有一个词云

我已设置pointer-events:none在顶层,因此即使字词云位于搜索栏下方,云字中的所有单词也可以悬停在上面.

但是我希望启用输入文本上的click事件,这样当用户想输入某些内容时,他就可以.

文本在输入后面,但它应该是可以放置的,输入在文本上方,但它应该可以使用鼠标聚焦,以允许用户键入.

注意:它看起来像占位符,但事实并非如此.请看原始图片,看看我想要实现的目标.

Answer 1

只需添加pointer-eventsCSS3 属性，设置为initial文本框即可。也建议使用!important，因为另一个属性可以通过添加。

在CSS3中：

pointer-events:initial !important

在JavaScript中：

document.querySelector('input[type=text]').style.pointerEvents="initial"