数码资讯
用纯CSS禁止鼠标点击事件的示例代码
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
Javascript有一种用于取消事件的默认行为preventDefault方法。例如,取消链接,选择文本或拖放。
复制代码代码如下所示:
Event.preventDefault()
该方法将通知Web浏览器不执行与事件关联的默认动作(如果存在这样的动作)。例如,如果属性是submit任何事件句柄可以调用事件的传播任何阶段。通过调用此方法,形式是可以预防的。注意,如果事件对象的可撤销性假,没有默认的动作,或默认行为不可防止的。在任何情况下,调用此方法不起作用。
这种方法可以防止当前元素的浏览器的默认行为,但这并不阻止事件应对父母和文档。如果你想取消事件的深入,你可以使用里面
复制代码代码如下所示:
event.stoppropagation()
此方法将阻止事件的传播,并防止它被分配给其他文档节点。可以在事件传播的任何阶段调用它。请注意,虽然该方法不能阻止同一文档节点上的其他事件处理程序被调用,但它可以防止事件被发送到其他节点。
这两种方法通常用于取消js中的事件,但实际上有一种用纯CSS取消事件响应的方法。指针事件使用起来更简单。
1,停止用户的点击操作以产生任何效果。
2、防止默认鼠标指针显示
三.防止CSS中悬停和活动状态的变化
4,防止Javascript单击动作触发事件
例如,下面的CSS达到了按钮将被禁用的效果。
复制代码代码如下所示:
{。禁用
指针事件:无;
游标:默认值;
不透明性:0.6;
}
这种方法显然比JS代码更加灵活,但是IE9并不支持它。以上是本文的全部内容,我希望它会帮助你学习和工作。
复制代码代码如下所示:
Event.preventDefault()
该方法将通知Web浏览器不执行与事件关联的默认动作(如果存在这样的动作)。例如,如果属性是submit任何事件句柄可以调用事件的传播任何阶段。通过调用此方法,形式是可以预防的。注意,如果事件对象的可撤销性假,没有默认的动作,或默认行为不可防止的。在任何情况下,调用此方法不起作用。
这种方法可以防止当前元素的浏览器的默认行为,但这并不阻止事件应对父母和文档。如果你想取消事件的深入,你可以使用里面
复制代码代码如下所示:
event.stoppropagation()
此方法将阻止事件的传播,并防止它被分配给其他文档节点。可以在事件传播的任何阶段调用它。请注意,虽然该方法不能阻止同一文档节点上的其他事件处理程序被调用,但它可以防止事件被发送到其他节点。
这两种方法通常用于取消js中的事件,但实际上有一种用纯CSS取消事件响应的方法。指针事件使用起来更简单。
1,停止用户的点击操作以产生任何效果。
2、防止默认鼠标指针显示
三.防止CSS中悬停和活动状态的变化
4,防止Javascript单击动作触发事件
例如,下面的CSS达到了按钮将被禁用的效果。
复制代码代码如下所示:
{。禁用
指针事件:无;
游标:默认值;
不透明性:0.6;
}
这种方法显然比JS代码更加灵活,但是IE9并不支持它。以上是本文的全部内容,我希望它会帮助你学习和工作。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。