jquery.attr ('onclick' 在 IE7 中不起作用

Question

我知道，有几篇文章提出了几乎相同的问题，但所有提到的“修复”对我都不起作用。

但首先，这是我需要的:我的应用程序中的某些表单必须通过激活编辑模式来启用。如果编辑模式处于事件状态，页面上的每个按钮(保存和中止除外)和链接不应执行其通常执行的操作，但应显示一条消息，指示您必须结束编辑模式。

我的脚本:启动编辑模式的按钮调用此:

    function startEditMode(selector) {
            var disableAction = "return false;";
            jQuery("mySelectors").each(function(){
                    jQuery(this).bind('click', editModeOnClickHandler);
                    var onClickValue = "";
                    var onClick = jQuery(this).attr("onClick");
                    if ( onClick !== undefined ) onClickValue = "" + onClick;
                    jQuery(this).attr("onClick", disableAction + onClickValue);
            });
    }

要停止编辑模式，存在一种方法可以逆转所有这一切。使用的处理程序“editModeOnClickHandler”仅显示消息并返回 false；对我的问题来说并不重要。

所以..在 FF 和 IE8(也在 Chrome 中)一切正常，但在 IE7 中却不行。正如我在其他帖子中读到的那样，onClick 在 IE7 中根本没有通过 .attr 进行修改。

到处张贴的解决方案:使用事件绑定(bind)而不是操作属性。我希望我能用它!

这就是我不能的原因:我尝试解除绑定(bind)所有处理程序并绑定(bind)我自己的处理程序，如上面的代码所示。但这并不能阻止内联onclick被调用。好吧，您可能会想，不要使用内联调用......但我的项目是使用 Primefaces 用 JSF 编写的，并且其大部分代码是动态生成的。总而言之，我无法阻止内联 onclick。

现在我被困住了。我必须处理内联 onclicks，只能通过插入“return false;”来阻止调用。前面有，不过IE7好像不行。

有人知道 IE7 的解决方法能够操作 onclick 属性吗？再说一次:我不能使用 .bind('click'... 或 .click( 因为它们无法停止原始的内联 onclick。

感谢大家的回答!亚历克斯

编辑在你的帮助下，我发现，在 IE7 中，可以使用 this.onclick = .. 更改内联 onclick。对此问题的正确处理已经在这个问题中得到了回答:How to change onClick handler dynamically?

对于我这里的具体问题，我没有找到合适的解决方案，因为我无法在不破坏原始内联 onclick 值的情况下操纵它们。因此，我更改了脚本，因此 IE7 禁用了所有按钮和链接，以确保它们不再可单击。当然，为了不要启用太多，我还要添加一个类名。

禁用所有尚未禁用的内容(循环调用):

if (!jQuery(this).attr('disabled')) {
    jQuery(this).attr('disabled', 'disabled');
    jQuery(this).addClass('editmodedisabled');
}

启用我之前禁用的功能:

if (jQuery(this).hasClass('editmodedisabled')) {
    jQuery(this).attr('disabled', '');
    jQuery(this).removeClass('editmodedisabled');
}

也许这对其他人有帮助

Answer 1

我在 JSF 和 PrimeFaces 方面遇到了与您相同的问题。这是我针对这个问题的解决方案。

您可以禁用内联函数并根据需要恢复它们:

// get the element with jQuery
var element = $('#someId');

// get the current inline onclick function. This works under all browsers. 
var originalInlineClickHandler = element[0].onclick;

// define new click event which will replace the old one.
var click = function () {
    alert('You clicked me!');
}

// replace the old "onclick" event with the new one or in other words disable the click 
element[0].onclick = click;

// Now when clicking #someId element the new function will be executed and only it (the "click" function).
// Original inline function is gone already and those it will not be executed.

// Restore original inline function - a.k.a. enable the click event
element[0].onclick = originalInlineClickHandler.

此方法适用于所有浏览器。问题是，当您更改 element.attr('onclick', callback); 时，所有现代浏览器都会更改 element[0].onclick (这意味着 element[ 0].onclick = eval(element.attr('onclick')) 或类似的东西)，但不是 IE <= IE 7。但是，如果您更改 element[0].onclick属性甚至无需更改 onclick 属性即可在所有浏览器下运行。在这种情况下，onclick 属性与真实的事件处理程序不对应。要在所有浏览器下保持 onclick 属性和属性同步，可以添加以下行:

// define new click event which will replace the old one.
var click = function () {
    alert('You clicked me!');
    return false;
}

// update the onclick attribute of the element. Under most browsers this will update and onclick property of the DOM element.
element.attr('onclick', click.toString());

// replace the old "onclick" event with the new one or in other words disable the click 
element[0].onclick = click;