Question

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

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

在firefox和chrome中它运行得很好，在加载页面时我该怎么办？这个按钮不会处于“选择”模式？

*删除按钮是页面中出现的第一个按钮，我想知道IE由于某种原因突出显示页面中的第一个按钮。我怎么能禁用这个设置？

提前致谢

Answer 1

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

(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中测试过，但未选择按钮。

Answer 2

试试这个：

<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/

加载页面时，Javascript按钮“已选中”

2 个答案: