js如何为动态添加进来的a超级链接元素添加click事件函数

js如何为动态添加进来的a超级链接元素添加click事件函数,第1张

这个很简单 如果楼枝核主有jq只需要

$(document).on("click","a",function(){

alert("我是被监听的a标签")

})

如果楼主没有引入jq 那么下面给楼主写一份原生js监听

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body>

<script type="text/javascript">

//添加事件可以使肆搭枝用addEventListener 或者 attachEvent下面使用传统事件添加 

document.onclick=function(){

var e=null

if(window.event){

e=window.event

}else if(event){

e=event

}else{

e=arguments.callee.argument[0]

}

//获取事件目裂敏标

var target=null

if(e.target){

target=e.target

}else{

target=e.srcElement

}

if(target.nodeName.toUpperCase()=="A"){

alert("我是被监听的A标签")

}

}

var a=document.createElement("a")

a.innerHTML="我想被监听"

document.body.appendChild(a)

</script>

</body>

</html>

这是一个a标签其id是aa

<a id ="aa" href="http://localhost:8098/MybatisAndSpringMvc/user/save.action">春族save</a>

然后慧早通过前森雀jquery的方法添加触发事件

$("#aa").click(

function(){}

)

方法和详细的 *** 作步骤如下:

1、第一步,创建文件夹,此文件夹包含一个js文件夹和一个html文件。 js文件夹用于存储需要导入的js文件,见下图,转到下面的步骤。

2、第二步,执行完上面的 *** 作之后,打开html文件,在html文件上找到<body>,在<body>标记中创建按钮标签,然后向该标签添加click addJs事件,见下图,转到下面的步骤。

3、第三步,执行完上面的 *** 作之后,在js文件夹中创建一个js文件,名称为addJs.js,见下图,转到下面的步骤。

4、第四步,执行完上面的 *** 作之后,在addJs.js文件中输入一个警报d滚纳出框并保存。 成功导入js文件后,将执行警报大亩没d出框,见下图,转到下面的步骤。

5、第五步,执行完上面的 *** 作之后,返回html文件,在按钮输入框后面创建一个脚本标签,然后添加用于引入addJs.js文件的addJs事件,耐扮见下图,转到下面的步骤。

6、第六步,执行完上面的 *** 作之后,保存html文件,使用浏览器将其打开,然后单击按钮以查看d出窗口,表明js文件已成功引入,见下图。这样,以上的问题就解决了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11978746.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存