求教一下JS点击链接执行函数!

求教一下JS点击链接执行函数!,第1张

在整个document上注册一个事件,和普通的dom元素注册事件是一样的。javascript事件机制会保证你点击链接的事件一直向上冒泡,最终在document级别被截获。然后在这个事件里面判断触发事件的对象是不是你的链接(判断的时候可以根据你的需要自己去确定触发click事件的是不是链接,比如这类的链接都有相同的name,或者干脆自己在链接里面定义一个自定义的属性,用这个自定义属性作为判断依据),如果触发事件的元素是你要的链接,就执行相应的代码。这样只在整个document上注册一个click事件,就可以统一处理所有链接的点击事件了。如果还不明白可以继续问我。

这个很简单 如果楼主有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>

如图,比方说我有一个函数,而我们需要点击按钮触发指定的函数,这就用到了绑定事件的方法。

如图,假定是点击事件,则在按钮里面添加onclick=函数名即可把函数绑定到按钮上。onclick绑定的是单击事件哦,当然还有很多其他的事件。

如图,绑定事件之后,当我们点击按钮即可触发绑定的函数,非常神奇哦。

当然,也可以给按钮设定一个ID,然后我们获取到带有ID的按钮。

然后在JavaScript中绑定事件也是可以的,这种方法代码比较多,想用哪种看你自己哦。

需要特别注意一点的是,如果用了第二种方法,当要获取id时,如果script脚本写在head里面,则要加上window.onload哦。如果是写在body后面,则不需要写window.onload。


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

原文地址:https://54852.com/bake/11873678.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存