js参数中带分隔符逗号（，）；bind参数传递

最新推荐文章于 2025-05-15 20:08:07 发布

weixin_33752045

最新推荐文章于 2025-05-15 20:08:07 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 ViewUI

原文链接：https://my.oschina.net/htzy/blog/651724

本文介绍了一种使用JavaScript处理带有分割符参数的有效方法。通过使用bind绑定函数并传递数据，可以避免因参数携带特殊字符导致的问题。同时对比了直接在HTML元素上设置事件监听的方式，提出了一种更佳的做法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

当新建函数中参数带有分割符时，可使用bind绑定函数，并将数据传入函数，函数内使用event.data接受。

<div id="divId">
</div>

var str="1,2,3,4,5";
var arr=str.split(",");

var newButton = $("<input type='button' value='submit'>").bind("click",{arr:arr},buttonClick);

function buttonClick(event){
    var data = event.data.arr;
    console.info(data);//["1", "2", "3", "4", "5"]
}

$("#divId").append(newButton);

当参数中带有分割符时，新建newButton时，如果使用+字符串的方法，会导致参数错误。

var newButton = $("<input type='button' onclick='buttonClick("+arr+")' value='submit'>");// error

不过也可以使用以下方法：

var newButton=$("<input type='button' value='submit' onclick='buttonClick(\""+str+"\")'/>");


var newButton=$("<input type='button' value='submit' onclick='buttonClick(\""+arr+"\")'/>");

不过我觉得第一种方法，更加好。

再简单的知识也值得总结记录下来！

转载于:https://my.oschina.net/htzy/blog/651724