jQuery是一款流行的JavaScript庫,可以讓我們輕松地使用JavaScript來操作HTML頁面。其中的input焦點事件可以幫助我們在input元素獲得或失去焦點時執行相應的操作。
// 輸入框獲得焦點時,修改邊框顏色 $("input").focus(function(){ $(this).css("border-color","#4CAF50"); }); // 輸入框失去焦點時,恢復邊框顏色 $("input").blur(function(){ $(this).css("border-color","#CCC"); });
以上代碼通過$("input")來選擇所有的input元素,然后通過focus()和blur()函數分別添加獲得和失去焦點事件的處理程序。在這里,我們使用了CSS的border-color屬性來修改輸入框的邊框顏色。當輸入框獲得焦點時邊框顏色變為綠色,失去焦點時則變回灰色。
使用jQuery的input焦點事件可以讓我們方便地響應用戶在輸入框中的操作,例如改變輸入框的樣式、驗證用戶輸入的內容等等。
上一篇spa開發vue