使用Prototype.js的Event.observe时出现attachEvent is not a function错误求助

嘿，这个问题我之前帮人排查过，咱们来理清楚问题出在哪：

错误原因 #

Prototype.js 的 Event.observe() 方法第一个参数必须是原生DOM元素，但你这里传入的 j('#xxx') 是 jQuery 封装后的对象，并不是原生的DOM节点。当Prototype尝试在这个jQuery对象上执行事件绑定逻辑时，找不到原生DOM元素的事件绑定方法（比如attachEvent或addEventListener），所以就抛出了attachEvent is not a function的错误。

两种修复方案 #

方案1：将jQuery对象转为原生DOM元素 #

你可以通过索引[0]或者get(0)来获取jQuery对象对应的原生DOM元素，再传给Event.observe()：

var j = jQuery.noConflict();
function myHandler() { alert('triggered'); }
// 把jQuery对象转换为原生DOM元素
Event.observe(j('#xxx')[0], 'change', myHandler);

方案2：直接使用jQuery的事件绑定 #

既然已经引入了jQuery，也可以直接用jQuery的事件绑定方法，这样更符合jQuery的使用习惯，还能避免两个库的API混淆：

var j = jQuery.noConflict();
function myHandler() { alert('triggered'); }
// 使用jQuery的on()方法绑定事件
j('#xxx').on('change', myHandler);

另外提一句，你当前的脚本加载顺序是对的（先加载jQuery，再加载Prototype，最后调用jQuery.noConflict()），这个顺序能避免两个库的$变量冲突，不用调整~

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