熟练掌握JavaScript中的事件,除了练习这几点你要必须明白
javascript事件作用
大家都知道JavaScript是一种基于对象和时间的直译型的脚本语言,它也是一种弱类型的语言。在JavaScript中事件驱动是它的核心所在。没有了事件驱动,程序只会按照顺序执行就会变得很死板,不会与用户交互,就失去了程序本身的特色。今天就为大家介绍一下JavaScript中的事件。
JavaScript中的事件是什么?
我们知道对象都有属性和方法,对象还有事件。举例来说一个“飞机”对象,有“长”、“宽”、“高”、“颜色”等属性,也有“飞行”的方法,也可能有“撞机”事件。再比如表单的按钮,有鼠标滑过事件。简单理解事件就是目标对象上,发送了某些事情。网页中的每个元素都可以产生触发 JavaScript 函数的事件。html中常见的事件有鼠标点击、页面或图像载入、鼠标悬停、确定表单、键盘按键、选取输入框。
JavaScript如何绑定事件?
所谓JavaScript绑定是指页面发生了事件会调用JavaScript中的函数和语句。事件绑定有三种方式。
1、在HTML中直接声明。比如onclick=“javascript:alert(this is clicked)”; onclick是鼠标单击事件,当用户鼠标单击该元素时会执行alert(this is clicked)即弹出对话框。
2、编写针对特定的HTML元素、特定的事件的javascript代码块。这种方法不常见,不利于提高代码效率,不建议使用。
3、也可以在JavaScript程序内动态给页面元素绑定或解除事件。
绑定事件需要什么?
1、绑定事件类似给对象属性赋值。绑定的函数名直接给对象的事件即可,函数名可以不加括号。
2、可以将匿名函数绑定到事件,button01.onclick=function(){alert('this is clicked')}。
3、绑定事件前,被绑定的对象必须要存在。
4、给事件赋值“null”就可以解决事件的绑定。
关于JavaScript事件先聊到这,有兴趣可以自己动手实践一下,每天学习一个知识点,每日寄语-“一个人除非自己有信心,否则带给别人信心。”