利用超链接<a>标签的【href】与【onclick】的优先级做提示窗判断,降低删除误操作次数

简介: 笔记

//本案例采用的是bootstrap样式。

//当点击<a>标签时【href】与【onclick】 都会被触发,但是【onclick】的优先级高于【href】故而先执行,可以利用js做一个是否操作的提示

11.png

//利用【confirm("提示文字")】做个判断提示窗口,降低误操作次数

12.png

//注:直接return true/false即可,不要返回1/0

相关文章
|
11月前
|
小程序 JavaScript
小程序自定义弹窗禁止底部内容滚动(滚动穿透问题)
小程序自定义弹窗禁止底部内容滚动(滚动穿透问题)
1194 0
|
5月前
|
JavaScript 前端开发
伪元素清除法会影响页面性能吗?
【10月更文挑战第27天】伪元素清除法在正常使用情况下对页面性能的影响不大,是一种较为高效和常用的清除浮动的方法。但在实际应用中,仍需要结合页面的具体情况和其他相关技术的使用来综合考虑性能优化问题,以确保页面能够达到最佳的性能表现。
|
9月前
vue3 在 watchEffect 里中断未完成的 axios 请求(只保留最后一次请求的方法---连续点击查询按钮的优化)
vue3 在 watchEffect 里中断未完成的 axios 请求(只保留最后一次请求的方法---连续点击查询按钮的优化)
195 0
|
9月前
|
前端开发 C++
css实用技巧——锁定页面,禁止滚动 vs 解锁页面,恢复滚动
css实用技巧——锁定页面,禁止滚动 vs 解锁页面,恢复滚动
288 0
|
10月前
|
Go vr&ar 容器
技术心得记录:漂亮的触发行变色代码
技术心得记录:漂亮的触发行变色代码
|
11月前
layui根据数据状态判断显示内容
layui根据数据状态判断显示内容
323 0
点击增加按钮,添加input,超过三个则增加按钮隐藏
点击增加按钮,添加input,超过三个则增加按钮隐藏
113 0
element close事件关闭表单,数据替换掉原始列表的数据bug解决
element close事件关闭表单,数据替换掉原始列表的数据bug解决
129 0
|
JavaScript
VUE element-ui之table双表头遍历及筛选自动(回车查询)、重置、关闭dialog重置
VUE element-ui之table双表头遍历及筛选自动(回车查询)、重置、关闭dialog重置
730 0
VUE element-ui之table双表头遍历及筛选自动(回车查询)、重置、关闭dialog重置
如何不让input输入框显示或禁止历史记录
如何不让input输入框显示或禁止历史记录
901 0