1  2  3  4     
      5      6  7  8  9 
10 11 20 21 

 

1  2  3  4     
      5      6  7  8  9 
10 11 35 36 

 

 

HTML DOM addEventListener() 方法

语法

element.addEventListener(event, function, useCapture)

参数值

参数	描述
event	必须。字符串，指定事件名。 注意: 不要使用 "on" 前缀。 例如，使用 "click" ,而不是使用 "onclick"。  提示： 所有 HTML DOM 事件，可以查看我们完整的
function	必须。指定要事件触发时执行的函数。  当事件对象会作为第一个参数传入函数。 事件对象的类型取决于特定的事件。例如， "click" 事件属于 MouseEvent(鼠标事件) 对象。
useCapture	可选。布尔值，指定事件是否在捕获或冒泡阶段执行。 可能值: true - 事件句柄在捕获阶段执行 false- false- 默认。事件句柄在冒泡阶段执行

实例

1 document.getElementById("myBtn").addEventListener("click", myFunction);2 3 function myFunction() {4     document.getElementById("demo").innerHTML = "Hello World";5 }

 

HTML DOM Event 对象

Event 对象

Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

事件通常与函数结合使用，函数不会在事件发生前被执行！

标准 Event 属性

下面列出了 2 级 DOM 事件标准定义的属性。

属性	描述
	返回布尔值，指示事件是否是起泡事件类型。
	返回布尔值，指示事件是否可拥可取消的默认动作。
	返回其事件监听器触发该事件的元素。
	返回事件传播的当前阶段。
	返回触发此事件的元素（事件的目标节点）。
	返回事件生成的日期和时间。
	返回当前 Event 对象表示的事件的名称。

HTML DOM Input Text 对象

Input Text 对象属性

属性	描述
autocomplete	设置或返回文本域的 autocomplete 属性值
	在页面加载后设置或返回文本域是否自动获取焦点
	设置或返回文本域的默认值
	设置或返回文本域是否禁用
	返回一个对包含文本域的表单对象的引用
list	返回一个对包含文本域的选项列表对象的引用
	设置或返回文本域中的最大字符数
	设置或返回文本域的名称
pattern	设置或返回文本域的 pattern 属性值
	设置或返回文本域的 placeholder 属性值
	设置或返回文本域是否应是只读的
	设置或返回 whether the text field must be filled out before submitting a form
	设置或返回文本域的 size 属性值
	返回文本域的表单元素类型
	设置或返回文本域的 value 属性值