美文网首页
javascript 伪元素的点击事件

javascript 伪元素的点击事件

作者: ZhiPengTu | 来源:发表于2018-08-28 10:42 被阅读0次

伪元素的点击事件

1.父元素 使用 ‘pointer-events: none;’ 伪元素使用‘pointer-events: auto;’

2.父元素绑定监听事件

$('.layui-picker-title').on('click', function (e) {
    $('.layui-picker-view').css({display:'none'});
    console.log('-父元素(伪元素点击事件)---单机删除');
});

样式

.layui-picker-title{
            text-align: center;
            width: 100%;
            height: 45px;
            line-height: 45px;
            background: white;
            font-family: "iconfont" !important;
            font-size: 14px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: relative;
            pointer-events: none;
            &:before{
                pointer-events: auto;
                position: absolute;
                top: 0;
                left: 15px;
                content: '\e93c';
                font-size: 18px;
                font-weight: 500;
                color: @theme-color;
            }
}

相关文章

  • javascript 伪元素的点击事件

    伪元素的点击事件 1.父元素 使用 ‘pointer-events: none;’ 伪元素使用‘pointer-e...

  • 用::after添加文字后,不能点击

    一个元素绑定了点击事件,然后需要在元素上加一个文字。通过伪元素after实现,但是添加了之后,点击元素可以执行,但...

  • JavaScript DOM 事件【2】

    对事件做出反应我们可以在事件发生时执行 JavaScript,比如当用户在 HTML 元素上点击时。如需在用户点击...

  • JavaScriptDOM事件

    事件 用户和浏览器之间的交互行为我们就称之为事件,比如:点击,移入/移出 给元素绑定事件 在JavaScript中...

  • 3.4 View的事件分发机制(三)

    View的点击事件伪代码:

  • 元素 标签,常识

    伪类选择器和伪元素 正常连接 访问过的链接 鼠标滑过的链接 正在点击的链接 选中的元素 兼容火狐浏览器 伪元素 (...

  • JS的事件冒泡

    javascript中的我们经常要给元素添加一些事件,比如鼠标的移入移出,鼠标的点击,在我们添加这些事件的时候就很...

  • 前端面试题集锦(Javascript篇)

    请描述一下 JavaScript 事件冒泡机制? 当页面中某个元素的事件被触发以后,比如点击了页面中的某个按钮,就...

  • javascript-事件基础和事件绑定

    javascript-事件基础和事件绑定 一、事件驱动 1.1事件 javascript侦测到的用户的操作(点击、...

  • css伪元素实现switch开关

    思路:1.绘制底部区域 2.伪元素绘制白色圆球 3.点击事件添加_active类 效果图: html css js

网友评论

      本文标题:javascript 伪元素的点击事件

      本文链接:https://www.haomeiwen.com/subject/fnrfwftx.html