HTML5是一種流行的標記語言,可以用于描述網頁結構和內容。其中的一個特性就是焦點設置,它使得用戶可以使用鍵盤或鼠標移動并選中網頁上的交互元素。
<!-- 設定焦點 --> <input type="text" id="input1" autofocus="autofocus"> <!-- 取消焦點 --> <button onclick="document.getElementById('input1').blur()">取消焦點</button>
可以使用HTML5中的autofocus屬性來自動設置焦點。無需用戶手動選定輸入框或按鈕等元素,將頁面加載時設置焦點就可以改進用戶體驗。
取消焦點也很容易,只需要在對應元素上運行blur()函數即可。這個函數會將焦點從該元素中移除,用戶就不再能夠通過鍵盤或鼠標操作該元素。