CSS3 Pointer-events 实战小用法

pointer-events: none 顾名思义，就是鼠标事件拜拜的意思。元素应用了该 CSS 属性，链接啊，点击啊什么的都变成了 “浮云牌酱油”。pointer-events: none 的作用是让元素实体 “虚化”。例如一个应用 pointer-events: none 的按钮元素，则我们在页面上看到的这个按钮，只是一个虚幻的影子而已，您可以理解为海市蜃楼，幽灵的躯体。当我们用手触碰它的时候可以轻易地没有任何感觉地从中穿过去。
来自网络解释

1.点击curencies之前设置侧边栏mshe-sidebar类以下属性为
默认隐藏curencies之后要显示的内容区即以下display:none

image.png

image.png

效果为以上显示图片 即侧边栏页面内容更换
2.挂载点击事件触发事件
如以下

//主要HTML

 

       
 

  

        

            

                 
                 
Funny
                 

                  {:__('CURRENCY')}
                      

                       {$this_currencies.currencies_name}
                        
                      
                 
            
        
   
    

        

            
            {:__('Currencies')}
        
        

            

                {foreach $currencies as $val}
                

                    
                     {$val.currencies_name}
                    {if $this_currencies.currencies_name == $val.currencies_name}
                        
                    {/if}
                
                {/foreach}