位置:首页 > 软件操作教程 > 编程开发 > JavaScript > 问题详情

JavaScript 定义事件

提问人:刘团圆发布时间:2020-11-27

■知识点

在零级事件模型中,JavaScript支持两种绑定事件的方式。

    静态绑定:在HTML结构中把JavaScript代码直接赋值给事件属性。

    动态绑定:在JavaScript脚本中把事件函数直接赋值给DOM对象的事件属性。

■实例设计

【示例1】在下面的示例中,为form元素的onsubmit事件属性设置脚本,设计当文本框的值为空时,定义事件监听函数返回值为false。由于该返回值为false,将强制表单禁止提交数据。

<form id="forml" name="forml" method="post" action="http: //www.inysite.cn/ " 

onsubmit="if(this.elements[0].value.length-=0) return false;">

    姓名:<input id="user" name="user" type="text" />

    <input type="submit" name="btn" id="btn" value="提交" />

</form>

在上面的代码中,this表示当前form元素,elements[0]表示姓名文本框,如果该文本框的value.length属性值长度为0,表示当前文本框为空,则返回false,禁止提交表单。

一注意:

    使用这个方法指定'的事件监听函数,只会在冒泡阶段触发同时,on-属性的值是要执行的代码,不是一个函数。例如:

    <!--正确-->

    <body_onload="doSomething()">

    <!--错误-->

    <body onl oad="doSomething">

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部