多个a标签添加onclick事件

最新推荐文章于 2021-10-14 15:51:53 发布
最新推荐文章于 2021-10-14 15:51:53 发布
阅读量1k 收藏 1
点赞数
文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dazhougege/article/details/104916553
版权

例题

如果a标签的连接含有数字，提醒用户有危险，是否继续打开，确定，则继续。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="111fff">1</a>
    <a href="ssssss">2</a>
    <a href="fff22">3</a>
    <script>

var aList = document.getElementsByTagName('a');
var rg = /\d+/;
for(var i=0;i<aList.length;i++){
	(function(i){
		aList[i].onclick =
		    function(){
		        var flag = aList[i].href.match(rg);
		        if(flag) {
		            var truth = window.confirm("该链接存在风险，是否继续点击？");
		            if(truth){
		                return true;
		            }
		            else{
		                return false;
		            }
		        }
		    }
	})(i)
    
    }
    </script>
</body>
</html>
Williamszwk
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
a标签添加onclick事件的几种方式
猿飞梦的博客
11-13 1070
我们常用的在a标签中有点击事件： 1. a href="javascript:js_method();" 这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不 必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行 javascript语句 2. a hre...
a标签绑定onclick事件，并传出参数
weixin_41720239的博客
09-05 3254
1.背景，用js遍历后台传来的数组动态加载出多条评论的table。现在要对其中一条评论作删除，要获取到每行的id。 2.分析，用 即标签的id来获取，结果只能获取到第一条评论的！继续找其它办法，突然想到, 每条评论加载完毕，就可以准确拿到每一条的id了。在javascript中使用方法： function js_methed(data) { let param = data.type; } 这样就...
button onclick 多个同名_多个button绑定同一个onclickListener方法
weixin_29793001的博客
02-06 648
最近开始学习android开发遇到这么一个情况，我想要对一个activity多个按钮绑定onclik监听，但是如果每个都要单独写一个监听方法的话，太麻烦了。在网上查了一下，发现可以对多个button绑定同一个onclick监听方法，通过getID()方法来判断点击的按钮createDB = (Button) findViewById(R.id.createDB);updateDB = (Butto...
前端点击事件---a标签的点击触发以及自动触发
weixin_30730151的博客
05-22 1613
关注可了解更多的教程及排版技巧。问题或建议，请底部评论;[如果你觉得对你有帮助，欢迎评论 前端点击事件之 < a>标签的点击触发以及自动触发的问题 a标签的点击事件，直接给a标签设置id，进而对a进行点击即可； <ahref="javascript:;"class="next-stepbtnmt50"id="submit">提交预...
多个button绑定同一个onclickListener方法
神奇的老王
03-20 1万+
最近开始学习android开发 遇到这么一个情况，我想要对一个activity多个按钮绑定onclik监听，但是如果每个都要单独写一个监听方法的话，太麻烦了。在网上查了一下，发现可以对多个button绑定同一个onclick监听方法，通过getID()方法来判断点击的按钮 createDB = (Button) findViewById(R.id.createDB); updateDB
同一个元素绑定多个onclick事件
wx13227855087的博客
09-11 1万+
废话不多说，直接上代码，如下： &lt;div class="row" id="row" onclick="A();B()"&gt;   &lt;script type="text/javascript" src=""&gt; function A(){    alert("aaa"); } function B(){    alert(&q
div下面多个a标签的点击事件，并且获取a的属性
weixin_30632089的博客
10-26 883
$('.fensiselect').on('click','a',function(){ var id= $(this).attr('fanid'); alert(id) }) 转载于:https://www.cnblogs.com/weiyiyong/p/7735646.html
js click与onclick事件绑定，触发与解绑
Gary Leong
07-04 7514
click 与 onclick 1.onclick 事件会在对象被点击时发生。 <input id="btn1" type="button" onclick="test();" /> function test() { alert("我是行间事件"); } 当点击id="btn1"时,触发onclick事件。 2.onclick事件会在click事件之前执行 <inpu...
js动态添加的DIV中的onclick事件简单实例
10-21
在`attachEvent`中，如果多次绑定同一个事件，后绑定的事件处理器会覆盖先前的。而在`addEventListener`中，事件处理器会按照绑定的顺序依次执行。例如： ```javascript // IE bObj.attachEvent("onclick", method1...
js a标签点击事件
10-20
在`onclick`事件处理程序中，添加`return false;`可以阻止A标签的默认跳转行为。例如： ```html <a href="#" onclick="method(); return false;">点击我</a> ``` 这样，`method()`函数执行完毕后，页面不会因`#...
Android实现动态添加标签及其点击事件
08-26
我们可以根据需要动态添加多个标签。 我们可以使用 TextView 来实现动态添加标签及其点击事件。通过定义选择器和监听器，我们可以实现标签的点击事件处理。同时，我们也可以使用 LayoutInflater 来动态添加标签，以...
莱鸟介绍javascript onclick事件
10-23
在现代JavaScript开发中，推荐使用事件监听器（addEventListener）来添加事件处理器，这种方式可以更灵活地管理事件，并且可以给同一个元素添加多个事件处理器。而直接在HTML标签上使用onclick属性，虽然简单，但...
如何用原生js给一个按钮绑定两个onclick事件？
热门推荐
修炼中的小妖怪
12-29 2万+
Var btn=document.getElementById(‘btn’); //事件监听 绑定多个事件 var btn4 = document.getElementById(“btn4”); btn4.addEventListener(“click”,hello1); btn4.addEventListener(“click”,hello2); function hello1(){ aler...
Android一个页面中有多个按钮只有一个onclick函数怎么办
m0_59834108的博客
10-14 1107
如有错误欢迎指正 我们为按钮绑定点击事件的时候都是在java文件中的onClick()函数中写要执行的代码，但是如果有多个按钮，那只有一个onclick函数，它怎么知道是哪个按钮被点击了呢 其实我们可以为不同的按钮创建不同名字的点击函数，比如跳转按钮，在xml代码中加上一行android:onClick="transfer" 点击提示，编辑器会自动帮你在java代码中创建一个响应函数 ...
onclick事件中如何绑定两个函数
qq_39429962的博客
10-11 1万+
我们很多时候都需要给一个按钮绑定两个函数，我们可以在里边直接写函数，中间以“；”隔开，例如： &lt;div onclick="change(this);toDelete()"&gt;&lt;/div&gt;
vue中点击一个按钮实现多个a标签文件下载
weixin_37582804的博客
10-28 4333
实现表格中 当多选多个下载后实现全部下载 浏览器本身只支持一个下载，当多个下载时只下载第一个，后续的下载会拦截，因此需要实现多个a标签同时下载需要 < el-dialog :title="‘下载列表’" v-dialogDrag v-if=“dialogFormVisible” id=“monitorStyle-importantResult” :visible.sync=“dialog...
HTML a标签打开连接的几种方式
书香水墨
02-13 4449
一、调转到写界面 <a href="/test" target="_blank">跳转打开一个新的界面></a>
html博客网页代码_html页面强制所有链接新窗口打开的方法
weixin_39820588的博客
11-23 538
上午接到博客访客的反馈，表示博客中的链接在原窗口打开的话，网站的体验非常的不好，而自己又懒的一个个去修改博客网页中的链接打开方式，就加了一个强制页面所有链接新窗口打开的代码，一招解决问题。html页面强制所有链接新窗口打开的代码将此代码放到，网页中的 标签之内即可实现，当前页面所有A链接新窗口打开html 标签：标签当前页面上的所有的相对链接规定默认 URL 或 默认目标。语法：属性;herf：...
时序预测-基于自回归滑动平均模型时间序列ARIMA预测Matlab程序 点变量
最新发布
08-30
时序预测|基于自回归滑动平均模型时间序列ARIMA预测Matlab程序 点变量 1.程序功能已完成调试，用户可以通过一键操作生成图形和评价指标。 2.数据输入以Excel格式保存，只需更换文件，即可运行以获得个人化的实验结果。 3.代码中包含详细注释，具有较强的可读性，特别适合初学者和新手。 4.在实际数据集上的效果可能较差，需要对模型参数进行微调。 CSDN：机器不会学习CL 时序预测|基于自回归滑动平均模型时间序列ARIMA预测Matlab程序 点变量 1.程序功能已完成调试，用户可以通过一键操作生成图形和评价指标。 2.数据输入以Excel格式保存，只需更换文件，即可运行以获得个人化的实验结果。 3.代码中包含详细注释，具有较强的可读性，特别适合初学者和新手。 4.在实际数据集上的效果可能较差，需要对模型参数进行微调。 CSDN：机器不会学习CL
a标签的点击事件
05-27
可以在a标签上直接添加onclick属性来绑定点击事件，例如： ``` <a href="#" onclick="alert('Hello world!')">点击我</a> ``` 这段代码中，当点击a标签时，会弹出一个对话框，显示"Hello world!"。onclick属性中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值