多个a标签添加onclick事件_onclick事件绑定多个事件

作者：我家自动化 | 2024-03-06 10:12:59

踩

onclick事件绑定多个事件

例题

如果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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/197817

多个a标签添加onclick事件_onclick事件 绑定多个事件

例题

如果a标签的连接含有数字，提醒用户有危险，是否继续打开，确定，则继续。

多个a标签添加onclick事件_onclick事件绑定多个事件