CSS3指针事件介绍详细的解释

什么是指针事件

顾名思义,指针事件是HTML指针事件的属性。

指针事件可以禁用HTML元素悬停/焦点/活动的动态效果。

默认值是自动、语法:


复制代码代码如下所示:

指针事件:汽车没有visiblepainted visiblefill | | | | | visiblestroke可见画填充中风| | | |所有;


我们用汽车|没有属性,注意其他属性只有SVG。

自动:可以使用指针事件。

没有:要禁用指针事件,需要注意的是,当指针的禁用元素有子父元素时,事件将在时间冒泡/捕获阶段的子父元素上触发。

常见的场景

1。禁用标签事件的效果

当选项卡切换完成,当当前的选择项目,当前标签的事件是残疾人和新的数据rerequested只有当其他选项卡切换。




主动{。
指针事件:无;
}










2。打开/关闭按钮状态

单击提交按钮时,为了防止用户不停地单击按钮,发送请求,添加指针事件:在请求未返回之前没有按钮,它可以防止这种情况,这在商业中也很常见。



j-pro {。
指针事件:无;
}

提交

提交:函数(){
this.data.flag =真;
这$请求(URL,{

onLoad:功能(JSON){
如果(json.retcode = = 200){
this.data.flag = false;
}
}绑定(此)

});
}



三.防止点击元素的可点击的元素不能被点击

一些内容显示区域,为了获得一些好的CSS结果,可以被元素上面的其他元素覆盖。为了不影响底层元素,指针事件:没有任何内容可以添加到覆盖元素中。



层{。
背景:线性梯度(180度,# FFF,透明);

}
j-pro {。
poninter事件:无;
}











poninter事件兼容性



以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。