加载页面时“选择”Javascript按钮答案

【问题标题】：Javascript Button "Selected" When Page Is Loaded加载页面时“选择”Javascript按钮
【发布时间】：2012-08-28 17:38:53
【问题描述】：

我正在使用一个包含“发送”按钮和“删除”按钮的表单。

一旦页面被加载，这个“删除”按钮似乎被“选中”——即——它被蓝线包裹，当按下“输入”时，点击该按钮时调用的 js 函数被触发.

在 firefox 和 chrome 中它工作得很好，当页面加载时我该怎么做这个按钮不会处于“选定”模式？

*删除按钮是页面中出现的第一个按钮，我发现IE由于某种原因突出显示了页面中的第一个按钮。如何禁用此设置？

提前致谢

【问题讨论】：

也许用 jsfiddle 来展示你在做什么？
jsfiddle 在这种情况下没有帮助，因为它只与 Internet Explorer 相关，它突出显示页面中的第一个按钮
stackoverflow.com/questions/12082481/…

标签： javascript

【解决方案1】：

试试这个：

<form>
<input name="Delete_btn" type="button" onclick="$(this).parent('form').append('<input type=hidden name=Delete value=Delete />').submit();" value="Delete" id="Delete_btn" />
<input type="text" name="f1" id="f1" />
<input name="Submit" type="submit" value="Submit" id="Submit" />
</form>

http://fiddle.jshell.net/d8xWB/2/show/

【讨论】：

没有 jQuery 标签，并且（我认为）不是问题的答案。
是的，没有 jQuery 标签，但他需要一个解决方案。他可能会发现您的回答很有用。但这不仅仅是 IE 的问题，例如您的脚本无法在 safari 或其他浏览器上运行。
because it's only relavant to internet explorer which highlights the first button in the page
如果我的脚本应该在所有浏览器中运行，if(navigator.appName...) 分支应该被替换为if (w.addEventListener)，它可以在所有浏览器上完美运行，而无需jQuery。 jQ 是一个很好的工具包，但我觉得只为这个故障使用它是不合理的
伙计，你的解决方案太蹩脚了！您正在从按钮上移除焦点。但是当您填写表格并按回车键时，删除按钮将被触发。检查您的代码：jsfiddle.net/d8xWB/10 这是页面：fiddle.jshell.net/d8xWB/10/show 你应该投票反对

【解决方案2】：

尝试将此附加到您的脚本中：

(function(w)
{
    if (w.attachEvent)
    {
        w.attachEvent('onload',function tmpLoad()
        {
            document.body.focus();
            //or document.getElementById('submitId').focus(); to focus submit btn
            w.detachEvent('onload',tmpLoad);//detach listener, too
        });
        return;
    }
    //if this issue occurs with IE > 8:
    if (navigator.appName === 'Microsoft Internet Explorer')
    {
        w.addEventListener('load',function tmpLoad()
        {
            document.body.focus();
            w.removeEventListener('load',tmpLoad,false);
        },false);
    }
})(this);

应该可以。虽然这在小提琴中并不容易解决，here's one，在 IE 中测试，按钮没有被选中。

【讨论】：