如何設置默認焦點？

現在一個提交按鈕是默認的重點控制。但我需要將默認焦點設置爲另一個圖像按鈕。如何設置默認焦點？

這裏是樣本圖像「按鈕」

<img style="vertical-align: top; border-style: none;"             src="IconAdd.jpg" id="imbAdd" onclick="javascript:Add();" title="Click to Add" style="cursor:hand;" />

但我用

$(document).ready(function(){$("#imbAdd").focus();}

它不工作。

我希望我很清楚。當我按Enter鍵時，我需要實現，我可以觸發此圖像的「點擊」事件「按鈕」。

感謝

解決方案：我用 <input type="image" id="imbAdd" onclick="addEntry();return false;"> ..而不是圖像鏈接。並設置 <form id="form1" defaultButton="imbAdd"> 但這種類型的按鈕將導致提交這不是我想要的。所以我需要添加「返回false」;在結尾「addEntry（）」，以確保圖像按鈕永遠不會導致任何不希望的提交。

來源

2010-06-11 Elaine

對焦沒有做什麼，你認爲它。如果你能更好地解釋你的目標，那麼有人可能會提供幫助，但是我想，你現在正在吶喊錯誤的樹。 – Erik 2010-06-11 03:27:32

有一種叫做tabindex的工具可以用於各種瀏覽器。我使用它來跳過驗證碼中的圖像以獲取表單焦點。它是第一類屬性。如果您重新排序兩個按鈕的tabindex /焦點順序，它可能會給你想要的行爲。

<input type="text" name="test_field_1" tabindex=2></input> 
<input type="text" name="test_field_1" tabindex=1></input>

喬希

來源

2010-06-11 03:57:32 Josh

謝謝，但這不是我需要的問題..現在設置。請看下面的評論 – Elaine 2010-06-11 09:22:10

你不能將焦點設置到每個元素。

它更好地編寫了一個函數，它將在keydown事件中觸發並檢查「Enter」鍵並觸發圖像的單擊事件。

在keyup事件支票

此

var kCode = (e.keyCode ? e.keyCode : e.which); 

if (kCode == 13) 
{ 
    // its the enter key pressed 
}

來源

2010-06-11 04:29:20 rahul

謝謝，我從MSDN得到確實存在「defaultFocus」和「defualtButton」的表單標籤。無論如何，謝謝。你的解決方案是一個很好的選擇 – Elaine 2010-06-11 09:21:38

因爲HTML5：

<button type="button" autofocus> 
Click Me! 
</button>

來源

2011-09-16 12:27:28

如何設置默認焦點？

回答

相關問題