在 JS 中将一个元素的事件处理程序附加到另一个元素中

Question

假设我有这部分。

<input id="text1" type="text" name="text1" onchange="alert('valueA');" /><br />
<input id="text2" type="text" name="text2" /><br />

我想要做的是获取 input="text1" 的 onchange 事件处理程序并附加到另一个元素的事件“text2”。 到目前为止，没关系。我可以获取输入“text1”的 DOM0 处理程序，并作为 DOM2 附加到文本 2。

_handler= $('#text1')[0].onchange;
            $('#text2').change(function (event) { 
            if (typeof _handler=== "function") {
                        _handler.call(this, event); 
            }

但是，问题是，我想在附加到“text2”之前更改/添加一些 js 代码。 例如，在附加到“text2”之前，我想更改“alert('valueA');”进入“警报（'valueA.This is text2'）”； 我该怎么做才能做到这一点？
alert 语句只是示例，请不要给出解决方案，例如将警报消息存储到全局变量中，显示变量的值..等等。

谢谢。

Answer 1

这是无法做到的。您不能更改函数内部的代码。

虽然Javascript函数是可变对象，但是你只能给它们添加属性和方法，但是你不能改变它们里面的代码。

---

如果您想使用邪恶的eval（正如您在 cmets 中指定的那样），您可以将函数转换为字符串，替换函数中所需的任何文本，然后对其进行评估：

$('#text2').change(function (event) { 
    eval(
        '(' + $('#text1')[0].onchange.toString().replace('valueA', 'valueB') + ')()'
    );
});

这是小提琴：http://jsfiddle.net/A4w2W/

但是，请不要这样做。这是编写代码的最糟糕的方式，有史以来！！
您应该认真重新考虑您对整个问题的处理方式。

Answer 2

从技术上讲，没有。但还有其他解决方案。

<script type="text/javascript">
<!--
alertvalue = "valueA";
//-->
</script>
<input id="text1" type="text" name="text1" onchange="alert(alertvalue);" /><br />
<input id="text2" type="text" name="text2" /><br />
<script type="text/javascript">
$('#text2').change(function(event) {
        alert(alertvalue + '. This is text2');
});
</script>