javascript - 如何在Javascript中将onclick参数视为变量而不是字符串?

原文 标签 javascript jquery html

我给一个div分配了一个变量;

function (MenuText) {
 var li = $("<div id='streamLinkOptions' onclick='editStreamDetails(" + MenuText + ")'><i class='fas fa- 
 caret-down'></i></div>");
}


我希望onclick函数使用提供的参数执行...

MenuText被视为字符串而不是变量。

我的最终目标是将MenuText传递给类似以下代码的函数;

function editStreamDetails(title) {
    console.log(title);
}




我可能没有正确使用转义符。我该如何解决这个问题?

最佳答案

定义事件处理程序:

function editStreamDetails(title) {
    console.log(title);
}


然后创建元素:

    $("<div id='streamLinkOptions'><i class='fas fa-caret-down'></i></div>");


然后将点击处理程序附加到它!

例:

// define handler.
function editStreamDetails(title) {
    console.log(title);
}

function (MenuText) {
    // create element.
    var li = $("<div id='streamLinkOptions'><i class='fas fa-caret-down'></i></div>");

    // attach handler to event.
    li.find('.fa-caret-down').on('click', function() {
        editStreamDetails(MenuText);
    });
}

关于javascript - 如何在Javascript中将onclick参数视为变量而不是字符串?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58879420/

相关文章:

JavaScript 标题作为标题不起作用

html - 移动设备上不需要的缩放

asp.net - 如何从 asp.net 为 Html 隐藏字段设置值

javascript - 从输入单选按钮获取平均值

php - PHP中的自动返回命令

javascript - 使用 javascript POST 数组数据

javascript - 如何添加选项以选择从PHP中的AJAX请求接收的表单

javascript - 检查字符串中的特定字符

javascript - 如何使我的弹出图像保持显示?

javascript - Canvas 文本中的增量整数