jQuery技术问题：无法通过字符串为元素绑定click事件？

你的代码绑定失败的核心原因很明确：你把字符串传给了需要函数的位置。

为什么会失败？ #

$(this).attr("onclick") 获取到的是内联事件的字符串代码（比如 "doSomething(this, 123)"），但 jQuery 的 .on('click', handler) 方法要求第二个参数必须是函数引用。直接传字符串的话，jQuery 会试图在全局作用域查找同名函数——如果你的内联事件带参数、或者依赖局部变量，必然会绑定失败甚至抛出错误。

修正后的完整代码 #

$("[onclick]").each(function() {
    const $element = $(this);
    const onclickCode = $element.attr("onclick");
    
    // 空内容直接跳过
    if (!onclickCode) return;

    try {
        // 彻底清理原有事件：先移除jQuery绑定的click事件，再清空原生onclick
        $element.off("click");
        this.onclick = null;

        // 将字符串代码转换为可执行函数，并绑定正确的this指向
        // 这里的bind(this)确保函数内部的this和原内联onclick一致，指向当前元素
        const clickHandler = new Function(`return ${onclickCode}`).bind(this);
        $element.on("click", clickHandler);

        console.log('✅ 成功转换onclick事件:', this);
    } catch(error) {
        console.error('❌ 绑定失败:', error);
        $("[error]").val(error.toString());
    } finally {
        // 不管成败都移除onclick属性，美化DOM
        $element.removeAttr("onclick");
    }
});

额外的细节修复 #

你提供的CSS代码有个拼写错误，backgroun 应该补全为 background，这里给你补个完整示例：

textarea {
    position: absolute;
    background: #f8f8f8;
    width: 90%;
    height: 120px;
    padding: 10px;
    border: 1px solid #ddd;
}

关键注意点 #

1. 保留this指向：用 .bind(this) 确保转换后的函数内部的this和原内联onclick行为一致，指向触发事件的DOM元素。
2. 彻底清理事件：除了用jQuery的.off()，还要手动设置this.onclick = null，避免原生内联事件和新绑定事件重复触发。
3. 替换document.write：改用console.log调试，document.write会覆盖页面内容，非常不适合调试场景。

内容的提问来源于stack exchange，提问作者Blubbll