问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

$("#time").on("click",aa(10)); 保存后自动运行（还未点击），再次点击事件失效

头像
tuihou123321
    49118112152
    <body>
<button type="text" id="time">按钮</button>
<script type="text/javascript">
    function aa(x){
    console.log(x);
}
//函数aa加了() 后会自动运行，并且绑定后的事件失效；不加()无法传递参数；
$("#time").on("click",aa(10));
</script>
</body>

    问题描述：函数aa()在没有点击的情况下会自动运行，结束后，再点击事件失效。

    javascriptjquery
    阅读 3.3k
    4 个回答
    得票最新
    头像
    某熊猫桑
      16.1k61547
      ✓ 已被采纳

      简单的方法，就是把你要执行的函数，直接写在匿名函数回调里。像这样：

      $("#time").on("click", function(){
    aa(10);
});

      而如果想用.on()函数直接写的话，你就必须了解事件对象这个东西，顾名思义，事件对象就是DOM在事件发生时，监听被激活后丢给事件处理程序的一个数据集合，比如常见的ev.target啦ev.preventDefault()什么的都是。而如果想调用自定义参数，则可以用event.data，另外传递自定义参数给处理程序需要这样按照.on( events [, selector ] [, data ], handler(eventObject) )的语法来写（详情参考）。所以最后改成：

      function aa(ev){
    console.log(ev.data);
}
$("#time").on("click", 11, aa);

      就可以顺利看到想要的结果了。
      最后多说一句，其实如果不知道是用event.data，也可以用console.table()打印下对象，找到传进去参数的位置也一样能推导出这种写法的。

      头像
      crp205
        3.9k3821

        $("#time").on("click",aa(10));变成了$("#time").on("click",undefined)了，所以点击事件失效;

        改一下

        function aa(x){
    return function(){
        console.log(x)
    }
}
        头像
        hsfzxjy
          22k51941

          $("#time").on("click",function () {aa(10)});

          头像
          kikong
            19.1k31320

            aa(10)为函数调用

            jQuery on函数要求第2个参数为一个选择器或一个函数

            正确的调用方式为:

            $("#time").on("click",aa);
            查看全部 4 个回答
            推荐问题