html增加点击进入,html中实现回车或点击进入-----Mr.Zhang
首先,允許我這么稱呼它們兩個為兄弟。之所以這么稱呼,是因為它們之間執行的是相同的任務----- 點擊按鈕。
然而,它們也有不同之處,次不同之處又使得它們貌似有些調用的意思。
接下來,讓我來給大家說一下二者的關系,我們不妨舉個例子來說明:
請看如下代碼:
此代碼為登錄界面,兩個輸入框:一個為輸入名字,另一個為輸入密碼。一個button ,id為loginbutton。至于這個button是什么樣,我們暫時不用管,只知道他在類login_minu中定義就行。
要想實現回車或點擊進入,那肯定是輸入完后的事情,因此我在輸入完密碼后進行回車或點擊事件。這就用到了click()和onclick()函數。這里我們用到了event.keyCode==13,此為javascript中的件鍵盤按回車鍵的code值(參考:http://www.okajax.com/a/200811/1124R022008.html)。它所表示的就是在鍵盤上按回車,html中按下鍵盤事件onkeydown,這里我們多說點html事件屬性(以下來源于w3school)
窗口事件 (Window Events)
僅在 body 和 frameset 元素中有效。
屬性
值
描述
onload
腳本
當文檔被載入時執行腳本
onunload
腳本
當文檔被卸下時執行腳本
表單元素事件 (Form Element Events)
僅在表單元素中有效。
屬性
值
描述
onchange
腳本
當元素改變時執行腳本
onsubmit
腳本
當表單被提交時執行腳本
onreset
腳本
當表單被重置時執行腳本
onselect
腳本
當元素被選取時執行腳本
onblur
腳本
當元素失去焦點時執行腳本
onfocus
腳本
當元素獲得焦點時執行腳本
圖像事件 (Image Events)
該屬性可用于 img 元素:
屬性
值
描述
onabort
腳本
當圖像加載中斷時執行腳本
鍵盤事件 (Keyboard Events)
在下列元素中無效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
屬性
值
描述
onkeydown
腳本
當鍵盤被按下時執行腳本
onkeypress
腳本
當鍵盤被按下后又松開時執行腳本
onkeyup
腳本
當鍵盤被松開時執行腳本
鼠標事件 (Mouse Events)
在下列元素中無效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
屬性
值
描述
onclick
腳本
當鼠標被單擊時執行腳本
ondblclick
腳本
當鼠標被雙擊時執行腳本
onmousedown
腳本
當鼠標按鈕被按下時執行腳本
onmousemove
腳本
當鼠標指針移動時執行腳本
onmouseout
腳本
當鼠標指針移出某元素時執行腳本
onmouseover
腳本
當鼠標指針懸停于某元素之上時執行腳本
onmouseup
腳本
當鼠標按鈕被松開時執行腳本 click()函數其實就是模擬單擊按下。用法是buttonid.click()。onclick則是單擊按鈕的事件了,此為方法,因此我們可以將單擊事件賦值給它,這樣我們就完成了回車或單擊進入的效果。
希望以上見解對您有所幫助!!----Mr.Zhang
總結
以上是生活随笔為你收集整理的html增加点击进入,html中实现回车或点击进入-----Mr.Zhang的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 关于计算机专业的求职信英文怎么说,计算机
- 下一篇: 浙江大学远程教育计算机应用基础第4次,浙