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

简介: 笔记

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

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

11.png

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

12.png

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

相关文章
|
5月前
|
JavaScript
Vue中如何设置在执行删除等危险操作时给用户提示(二次确认后执行对应的操作)
这篇文章介绍了在Vue项目中如何实现执行删除等危险操作时的二次确认机制,使用Element UI的`el-popconfirm`组件来弹出确认框,确保用户在二次确认后才会执行删除操作。
Vue中如何设置在执行删除等危险操作时给用户提示(二次确认后执行对应的操作)
|
8月前
|
JavaScript
弹框下次触发时还保留上次的触发条件
弹框下次触发时还保留上次的触发条件
|
8月前
表单项validator的校验tip未撑起高度,导致遮盖下边项的内容
表单项validator的校验tip未撑起高度,导致遮盖下边项的内容
52 0
表单项validator的校验tip未撑起高度,导致遮盖下边项的内容
|
2月前
|
JavaScript 前端开发
伪元素清除法会影响页面性能吗?
【10月更文挑战第27天】伪元素清除法在正常使用情况下对页面性能的影响不大,是一种较为高效和常用的清除浮动的方法。但在实际应用中,仍需要结合页面的具体情况和其他相关技术的使用来综合考虑性能优化问题,以确保页面能够达到最佳的性能表现。
|
7月前
|
Go vr&ar 容器
技术心得记录:漂亮的触发行变色代码
技术心得记录:漂亮的触发行变色代码
|
8月前
layui根据数据状态判断显示内容
layui根据数据状态判断显示内容
280 0
|
8月前
|
开发者
在用户关闭页面时,提示用户有内容未保存-论onbeforeunload事件的用法
在用户关闭页面时,提示用户有内容未保存-论onbeforeunload事件的用法
137 0
点击增加按钮,添加input,超过三个则增加按钮隐藏
点击增加按钮,添加input,超过三个则增加按钮隐藏
103 0
|
移动开发 JavaScript
同样的JS效果,有部分页面生效,有部分页面无效的原因(怪异模式)
同样的JS效果,有部分页面生效,有部分页面无效的原因(怪异模式)
99 0
element close事件关闭表单,数据替换掉原始列表的数据bug解决
element close事件关闭表单,数据替换掉原始列表的数据bug解决
85 0