处理input设置readonly属性之后外层容器无法触发事件

        需求是点击输入框弹窗显示一个列表,选择列表项之后回显到输入框。因此输入框内容是不允许修改的,因此我设置了readonly属性。然后由于input没有点击事件,所以我在外层包了一个容器,在外层添加了点击事件,但是我发现无法触发事件。翻看文档是因为input设置readonly之后点击事件被拦截了。

        处理方法:对input添加样式 style="pointer-events: none;"

你可能感兴趣的:(前端,javascript)