1. 首頁 > 生活 > >

前端禁止點擊事件 js禁止鼠標點擊事件

小知識



文章插圖
前端禁止點擊事件 js禁止鼠標點擊事件

文章插圖

“事件” 一詞，在不同的領域中，所表示的含義則不同，那么在JavaScript中的事件所表達的意思是什么？今天小編將為大家帶來大數據編程入門：JavaScript事件 。
HTML事件是指發生在HTML元素上的事情，比如按下確定按鈕，選擇某個單選按鈕或者復選框等 。每一種控件有自己可以識別的事件，比如單擊、雙擊等事件 。
在HTML頁面中使用JavaScript時，JavaScript可以觸發這些事件 。
HTML事件
HTML事件可以是瀏覽器行為或用戶行為 。
以下是HTML事件的示例：
①　HTML頁面已完成加載
②　當HTML輸入字段更改時
③　單擊HTML按鈕
通常，當事情發生時，你可以做一些事情 。
觸發事件的對象稱為事件發送者；接收事件的對象稱為事件接收器 。
JavaScript可以在觸發事件時執行一些代碼 。
可以向HTML元素添加事件屬性，并使用JavaScript代碼添加HTML元素 。
單引號：
<some-HTML-element some-event=’JavaScript 代碼’>
雙引號：
<some-HTML-element some-event=”JavaScript 代碼”>
在以下示例中，onclick屬性（帶有代碼）被添加到按鈕（button）元素中：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>按鈕事件</title>
</head>
<body>
<button onclick=”getElementById(‘demo’).innerHTML=Date()”>現在的時間是?</button>
<p id=”demo”></p>
</body>
</html>
運行結果：
在上面的示例中，JavaScript代碼將修改id=“demo”元素的內容 。
在下一個示例中，代碼將修改自身元素的內容（使用 this.innerHTML）：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>事件演示</title>
</head>
<body>
<button onclick=”this.innerHTML=Date()”>現在的時間是?</button>
</body>
</html>
運行結果：
注意：Javascript代碼通常是幾行代碼 。更常見的是通過事件屬性調用，比如：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>事件演示</title>
</head>
<body>
<p>點擊按鈕執行 <em>displayDate()</em> 函數.</p>
<button onclick=”displayDate()”>點這里</button>
<script>
function displayDate(){
document.getElementById(“demo”).innerHTML=Date();
}
</script>
<p id=”demo”></p>
</body>
</html>
運行結果：
常見的HTML事件
下面的列表中列出了一些常見的HTML事件：
事件描述oncharge改變HTML元素onclick用戶點擊HTML元素onmouseover用戶將鼠標移到HTML元素上onmouseout用戶將鼠標移開HTML元素onkeydown用戶按下鍵盤按鍵onload瀏覽器已完成頁面的加載
JavaScript可以做什么？
事件可用于處理表單驗證、用戶輸入、用戶行為和瀏覽器操作：
①　加載頁面時觸發的事件
②　關閉頁面時觸發的事件
③　用戶單擊按鈕執行操作
④　驗證用戶輸入的合法性
等等…
有幾種方法可以執行JavaScript事件代碼：
①　HTML事件屬性可以直接執行JavaScript代碼
②　HTML事件屬性可以調用JavaScript函數
③　你可以為HTML元素指定自己的事件處理程序
④　你可以防止這種情況發生 。
等等…
【前端禁止點擊事件 js禁止鼠標點擊事件】以上就是關于大數據編程入門：JavaScript事件的全部內容了，希望這篇文章可以幫助到大家~