HTML文档对象的事件及JS函数解析

来源:互联网 发布:老男孩linux运维 编辑:程序博客网 时间:2024/05/17 11:36

1、名词概念:

        1)事件:用户自身或浏览器进行的特定行为,如用户点击click事件等。

        2)事件流:多个事件按照一定的顺序触发形成了事件流。

        3)事件名:事件的名称,如click。

        4)事件处理/监听函数:事件触发后的处理函数,响应某个事件调用的函数。

        5)JavaScript函数:由事件驱动的或者被调用时执行的可重复使用的代码块。

        一个事件中可以有多个事件处理函数,执行的顺序即为函数的添加顺序。

        JS函数可以带有参数和返回值。

2、带有返回值的函数:函数中有return语句时,不在执行下面的语句,直接跳到函数调用的地方。若return后面带有需要返回的值,则函数返回该值;若return后面不带值,则返回undefined,这种用法一般用于停止函数执行而又不需要返回值的情况下。

3、事件处理函数返回false:函数中return false的作用不是为了阻止事件继续向顶层元素传播,而是阻止浏览器对事件的默认处理,即取消默认操作。例如,<a>元素中有href和onclick属性时,点击该链接,会先执行onclick事件,然后跳转到href指定的页面,为了不跳转的href指定的页面,对onclick赋值时末尾添加return false,即可实现想要的效果。

4、表单form标签的onsubmit属性的触发问题,onsubmit事件会再表单中的确认按钮被点击时发生,但是需要使用input:submit标签才能实现onsubmit事件。onsubmit属性的值只是一个函数时

 ,此时其值是一个字符串,默认返回true,这样的话执行了函数却没对结果进行处理,没有达到预期效果,必须在函数前添加return。若使用input button元素提交表单,则使用onclick事件提交表单,在提交前可以对表单做一些验证处理,从而决定是否提交表单。

       

原创粉丝点击