如何将对象参数传递给事件处理程序

How can I pass an object parameter to an event handler?

本文关键字：事件处理 程序 参数传递 对象      更新时间：2024-01-07

例如：

function getInfo(record){    //  record is an object
    ...
}

onclick事件可以使用此函数。但是，当浏览器解析它时，它将被解析为字符串。所以Firebug在元素列表之后显示"missing]"。

有人能解决这个问题吗？

如果你的onclick是HTML格式的，那么试试这样，

<input type="button"  onclick="getInfo(this)"  value="Click" />

您将获得DOM对象

你的意思是这样的：

somefunction = function(record)
{
    console.log('record: ' + record);
}
this.onclick = somefunction.bind(this, 100);

这里的100是您传递给"somefunction"的参数，它将在控制台上打印100。

我希望这会有所帮助。

html代码可以类似于：

<html>
    <head>
        <title> test page </title>
        <script>
            somefunction = function(record)
            {
                alert("record: " + record);
                var obj = eval('(' + record + ')');
                alert(" a:" + obj.a + " b: " + obj.b);
            }
        </script>
    </head>
    <body>
        <input type="button" name="btn1" value="Button1" 
               onclick="somefunction('{ a: 100, b: 200 }')">
    </body>
</html>

或者，如果您对对象类型很感兴趣，可以将对象存储在一个单独的变量中。

<html>
<head>
    <title> test page </title>
    <script>
        somefunction = function(record)
        {
            alert("record: " + record);
            var obj = eval('(' + record + ')');
            alert(" name:" + obj.name + " mail: " + obj.mail);
        }
    </script>
</head>
<body>
    <script>
        var myJSON = "{name:'john', mail:'aa@aa.com'}";
    </script>
    <input type="button" name="btn1" value="Button1" 
           onclick="somefunction(myJSON)">
</body>

相关文章：