js基礎(chǔ)之一些常見的 HTML 事件

  • 1.onchange HTML 元素已被改變
  • 2.onclick 用戶點擊了 HTML 元素
<button type="button" onclick="document.getElementById('demo').innerHTML='hello world'">點擊我改變內(nèi)容</button>
<p id="demo">改變html內(nèi)容</p>
  • 3.onmouseover 用戶把鼠標移動到 HTML 元素上
<button type="button" onmouseover ="document.getElementById('demo').innerHTML='hello world'">點擊我改變內(nèi)容</button>
<p id="demo">改變html內(nèi)容</p>
  • 4.onmouseout 用戶把鼠標移開 HTML 元素
 <button type="button" 
onmouseover ="document.getElementById('demo').innerHTML='hello world'"
onmouseout ="document.getElementById('demo').innerHTML='鼠標移開'">點擊我改變內(nèi)容</button>
<p id="demo">改變html內(nèi)容</p>
  • 5.onkeydown 用戶按下鍵盤按鍵
  • 6.onload 瀏覽器已經(jīng)完成頁面加載

JavaScript 能夠做什么溯捆?
事件處理程序可用于處理青责、驗證用戶輸入孩等、用戶動作和瀏覽器動作:

每當(dāng)頁面加載時應(yīng)該做的事情
當(dāng)頁面被關(guān)閉時應(yīng)該做的事情
當(dāng)用戶點擊按鈕時應(yīng)該被執(zhí)行的動作
當(dāng)用戶輸入數(shù)據(jù)時應(yīng)該被驗證的內(nèi)容
等等

讓 JavaScript 處理事件的不同方法有很多:
HTML 事件屬性可執(zhí)行 JavaScript 代碼
HTML 事件屬性能夠調(diào)用 JavaScript 函數(shù)
您能夠向 HTML 元素分配自己的事件處理函數(shù)
您能夠阻止事件被發(fā)送或被處理
等等

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市如失,隨后出現(xiàn)的幾起案子般贼,更是在濱河造成了極大的恐慌梧躺,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,548評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件册养,死亡現(xiàn)場離奇詭異东帅,居然都是意外死亡,警方通過查閱死者的電腦和手機球拦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評論 3 399
  • 文/潘曉璐 我一進店門靠闭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人坎炼,你說我怎么就攤上這事愧膀。” “怎么了谣光?”我有些...
    開封第一講書人閱讀 167,990評論 0 360
  • 文/不壞的土叔 我叫張陵檩淋,是天一觀的道長。 經(jīng)常有香客問我萄金,道長蟀悦,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,618評論 1 296
  • 正文 為了忘掉前任氧敢,我火速辦了婚禮日戈,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘福稳。我一直安慰自己涎拉,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,618評論 6 397
  • 文/花漫 我一把揭開白布的圆。 她就那樣靜靜地躺著鼓拧,像睡著了一般。 火紅的嫁衣襯著肌膚如雪越妈。 梳的紋絲不亂的頭發(fā)上季俩,一...
    開封第一講書人閱讀 52,246評論 1 308
  • 那天,我揣著相機與錄音梅掠,去河邊找鬼酌住。 笑死店归,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的酪我。 我是一名探鬼主播消痛,決...
    沈念sama閱讀 40,819評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼都哭!你這毒婦竟也來了秩伞?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,725評論 0 276
  • 序言:老撾萬榮一對情侶失蹤欺矫,失蹤者是張志新(化名)和其女友劉穎纱新,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體穆趴,經(jīng)...
    沈念sama閱讀 46,268評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡脸爱,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,356評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了未妹。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片簿废。...
    茶點故事閱讀 40,488評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖教寂,靈堂內(nèi)的尸體忽然破棺而出捏鱼,到底是詐尸還是另有隱情,我是刑警寧澤酪耕,帶...
    沈念sama閱讀 36,181評論 5 350
  • 正文 年R本政府宣布导梆,位于F島的核電站,受9級特大地震影響迂烁,放射性物質(zhì)發(fā)生泄漏看尼。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,862評論 3 333
  • 文/蒙蒙 一盟步、第九天 我趴在偏房一處隱蔽的房頂上張望藏斩。 院中可真熱鬧,春花似錦却盘、人聲如沸狰域。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽兆览。三九已至,卻和暖如春塞关,著一層夾襖步出監(jiān)牢的瞬間抬探,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評論 1 272
  • 我被黑心中介騙來泰國打工帆赢, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留小压,地道東北人线梗。 一個月前我還...
    沈念sama閱讀 48,897評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像怠益,于是被迫代替她去往敵國和親仪搔。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,500評論 2 359

推薦閱讀更多精彩內(nèi)容

  • ??JavaScript 與 HTML 之間的交互是通過事件實現(xiàn)的憋他。 ??事件孩饼,就是文檔或瀏覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,500評論 1 11
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準竹挡。 注意:講述HT...
    kismetajun閱讀 27,513評論 1 45
  • JavaScript 與 HTML 之間的交互是通過事件實現(xiàn)的镀娶。事件,就是文檔或瀏覽器窗口中發(fā)生的一些特定的交互瞬...
    LemonnYan閱讀 682評論 0 4
  • 事件流 JavaScript與HTML之間的交互是通過事件實現(xiàn)的揪罕。事件梯码,就是文檔或瀏覽器窗口中發(fā)生的一些特定的交互...
    DHFE閱讀 833評論 0 3
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,759評論 1 92