jquery为绑定事件的方法传参

最新推荐文章于 2023-06-01 09:18:27 发布

原创最新推荐文章于 2023-06-01 09:18:27 发布 · 1.2w 阅读

8 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用jQuery的click和bind方法为按钮绑定点击事件，并通过e.data获取传递的参数。提供了一个完整的示例代码，演示了如何设置和读取参数。

用onclick点击事件举例：
传参时可以通过

$('#btn').click({paramName:'要传到func的值'},func)
//或者
$('#btn').bind('click',{paramName:'要传到func的值'},func)

func里面怎么取得参数呢？

function func(e){
    //e.data.paramName即为绑定func事件时的参数
    alert(e.data.paramName);
}

如果还不明白呢？来直接拿demo吧

<html>
<head>

<script src='jquery-2.1.4.min.js'></script>
<script>
    $(function(){
        init();
    });

    //按钮将要绑定的方法
    var func = function(e){
        //e.data.msg即为传过来的参数
        alert(e.data.msg);
    }

    //按钮初始化click方法
    function init(){
        var msg = '我是参数！';
        $('#bt').click({msg:msg},func);
        //或者 $('#bt').bind('click',{xxx:xxx},btns.func);
    }
</script>
</head>
<body>
<h1>jquery事件传参测试</h1>

<input type="button" id='bt' value="按钮"/>

<h5 style="color:red;">点击按钮后，从绑定的方法中弹出参数。</h5>

</body>
</html>