Question

例如：

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

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

有人可以解决这个问题吗？

Answer 1

你的意思是这样的：

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>

Answer 2

如果您的onclick是HTML格式，请尝试这样，

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

您获得DOM对象

Answer 3

或者，如果您对对象类型如此好奇，可以将对象存储在单独的变量中。

<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>

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

3 个答案: