JavaScript事件-白红宇

JavaScript事件

阅读量：4328 次

发布时间：2019-06-06

本文共 1407 字，大约阅读时间需要 4 分钟。

1、事件

绑定事件触发函数

JavaScript使我们有能力创建动态页面。事件是可以被JavaScript侦测到的行为。‘

网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说，我们可以在用户点击某按钮时产生一个onClick事件来触发某个函数。事件在HTML页面中定义。

2、事件举例

鼠标点击

页面或图像载入 (找对象,加载完成后再操作(属性,样式,事件绑定)) = 就绪函数

鼠标悬浮于页面的某个热点之上

在表单中选取输入框(获取焦点)

确认表单(提交事件)

键盘按键 (组合键)

注意：事件通常与函数配合使用，当事件发生时函数才会执行

3、就绪函数

确保页面内容完全加载完成后,再执行JS函数.(JS函数内的一些元素的获取及操作,避免找不到对象\未定义等异常的发生!)

JS原生:

纯JS:

window.onload = function(){}

其他常用事件：

onFocus、onBlur、onChange、onSubmit、onMouseOver 和 onMouseOut

    Demo 07 就绪函数

4、JavaScript元素访问

1）name节点访问HTML元素

document.MyForm1.email.value = "20010411@qq.com";

2）通过id获取元素（注意：相同id只获取第一个）

document.getElementById("MyForm1_id"));

3）通过name属性获取元素“集合”

alert(document.getElementsByName("userName").length);

alert(document.getElementsByName("userName")[0]);

4）通过Tag Name获取元素“集合”

alert(document.getElementsByTagName("input").length);

alert(document.getElementsByTagName("input")[0].name);

5）jQuery语法配合css选择器找对象

$('select')

注意：

1.元素集合的访问方法法

2. getElementsByName与getElementsByTagName的区别

1  2  3  4  5     Demo 08 获取元素 并且 控制元素 6     
      7     
      8     53 54 55 56 57         
     
      58             User Name: 
      
      
59         
      60             
      
61             Email: 
      62             
      
63             
       64             
      
65             
       66         
     
67 68 69 70

转载于:https://www.cnblogs.com/humanxiaoman/p/5021620.html

你可能感兴趣的文章