javascript – 如何在单击链接时显示确认对话框?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在单击链接时显示确认对话框?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1505字,纯文字阅读大概需要3分钟。
内容图文
![javascript – 如何在单击链接时显示确认对话框?](/upload/InfoBanner/zyjiaocheng/714/fa7f673be2f54a3c86e62e1e640f1972.jpg)
我希望此链接有一个JavaScript对话框,询问用户“你确定吗? Y / N”.
<a href="delete.php?id=22">Link</a>
如果用户单击“是”,则链接应加载,如果“否”,则不会发生任何操作.
我知道如何在表单中执行此操作,使用onclick运行返回true或false的函数.但是如何使用< a>执行此操作链接?
解决方法:
内联事件处理程序
以最简单的方式,您可以在内联onclick处理程序中使用confirm()函数.
<a href="delete.php?id=22" onclick="return confirm('Are you sure?')">Link</a>
高级事件处理
但通常你想要separate your HTML and Javascript,所以我建议你不要使用内联事件处理程序,而是在你的链接上放一个类并为它添加一个事件监听器.
<a href="delete.php?id=22" class="confirmation">Link</a>
...
<script type="text/javascript">
var elems = document.getElementsByClassName('confirmation');
var confirmIt = function (e) {
if (!confirm('Are you sure?')) e.preventDefault();
};
for (var i = 0, l = elems.length; i < l; i++) {
elems[i].addEventListener('click', confirmIt, false);
}
</script>
This example只适用于现代浏览器(对于较旧的IE,您可以使用attachEvent(),returnValue并为getElementsByClassName()提供实现,或者使用像jQuery这样的库来帮助解决跨浏览器问题).您可以阅读有关this advanced event handling method on MDN的更多信息.
jQuery的
我想远离被认为是一个jQuery粉丝,但DOM操作和事件处理是两个领域,它有助于最大的浏览器差异.只是为了好玩,以下是jQuery的外观:
<a href="delete.php?id=22" class="confirmation">Link</a>
...
<!-- Include jQuery - see http://jquery.com -->
<script type="text/javascript">
$('.confirmation').on('click', function () {
return confirm('Are you sure?');
});
</script>
内容总结
以上是互联网集市为您收集整理的javascript – 如何在单击链接时显示确认对话框?全部内容,希望文章能够帮你解决javascript – 如何在单击链接时显示确认对话框?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。