js 給元素繫結回車事件

2022-11-24 23:01:22 字數 2419 閱讀 9026

jquery方法:

$("#focus")為獲取id為focus的元素

$("#focus").keypress(function

(event)

})

js方法:

var focus = document.getelementbyid("focus");

focus.onkeypress=function

(event)

}

1.首先,input 要放在 form裡面。

2.  這時 "換行" 已經變成  “前往”,

3.如果想變成 “搜尋”,input 設定  type="search"

為了使用者體驗更好,在使用者輸入想要檢索的內容後,鍵盤上需要赫然寫著“搜尋”兩個字,並且因為用鍵盤的習慣問題,當按下“回車(enter)”時也必須開始搜尋,簡便快捷。user用了都說好~~~

<

form

action

=''

onsubmit

="return false;"

>

<

span

class

="label"

span

>

<

input

type

="search"

placeholder

id="myinput"

/>

form

>

這裡的form必須要,並且onsubmit也必須寫,在enter的時候才能有反應。

另外,在js中也要繫結search事件才行:

$("#myinput").bind("search", function

() );

以上所有,便可以實現鍵盤上出現搜尋回車(enter)有效果。

移動端經常專案中會有搜尋之類的功能,一般實現的是按搜尋按鈕進行搜尋,如果要像pc端一樣實現按回車鍵進行搜尋該怎麼實現呢?

方法很簡單,就是在搜尋框的input外面套一個form標籤  注意點:form標籤一定得新增 action屬性(可設定為空)

1<formaction=""><inputtype="text" name="search" />

移動端軟鍵盤的回車會觸發form的submit事件,所以我們只需要監聽form的submit事件就可以實現按回車按鈕進行搜尋的功能12

34varoform =  document.getelementsbytagname("form")[0];

oform.onsubmit =function();

題外話:我拿的ipad進行的測試 當input框外面套上form標籤 並給form標籤新增action屬性後  軟鍵盤上的return 會變成藍色的search.

移動端經常專案中會有搜尋之類的功能,一般實現的是按搜尋按鈕進行搜尋,如果要像pc端一樣實現按回車鍵進行搜尋該怎麼實現呢?

方法很簡單,就是在搜尋框的input外面套一個form標籤  注意點:form標籤一定得新增 action屬性(可設定為空)

1<formaction=""><inputtype="text" name="search" />

移動端軟鍵盤的回車會觸發form的submit事件,所以我們只需要監聽form的submit事件就可以實現按回車按鈕進行搜尋的功能12

34varoform =  document.getelementsbytagname("form")[0];

oform.onsubmit =function();

題外話:我拿的ipad進行的測試 當input框外面套上form標籤 並給form標籤新增action屬性後  軟鍵盤上的return 會變成藍色的search.

JS DOM 為元素解綁事件

注意 用什麼方式繫結事件,就應該用對應的方式解綁事件 1.解綁事件 物件.on事件名字 事件處理函式 繫結事件 物件.on事件名字 null 1 物件.on事件名字 事件處理函式 繫結事件 my btn onclick function my btn2 onclick function 2.解綁事件...

JS 5 JS通過事件隱藏顯示元素

在開發中,很多時候我們需要點選事件,才顯示隱藏元素。那如何做到頁面剛開始就把標籤隱藏。有兩種方法 1 display none 2 hidden 這兩種都能實現標籤的隱藏,那他們有什麼區別呢 我們說說display none 與visibility hidden 的區別 display none 不...

js 表單校驗(獲取元素 事件)

1 表單校驗步驟 1 確定事件 submit事件 建立一個函式並和該事件繫結。2 書寫函式對輸入的資料是否合法進行校驗 需要設定id並通過id來獲取使用者輸入的資料的值 3 輸入的資訊合法,可以正常提交 不合法的話,不能提交使用者資訊並給出提示資訊。2 校驗函式 1 非空校驗 通過id獲取值,對是否...