js的事件机制二

Posted 2021-11-24 qhcyp

js的事件机制二
1.给合适的html标签添加合适的事件
　　onchange-----select下拉框
　　onload-----body标签
　　单双击-----用户会进行点击动作的HTML元素
　　鼠标事件 ---用户会进行鼠标移动的操作的
　　键盘事件----用户会进行键盘操作的HTML元素
2.给HTML添加多个事件时，注意事件的冲突
　　举个例子：单击和双击
　　当事件的触发条件包含相同部分时候，会产生事件之间的冲突。
3.事件的阻断
　　当事件所监听的函数的将返回值返回给事件时
　　false:则会阻断当前所在HTML标签的 功能
　　true：则继续执行当前事件所在HTML标签的功能
4.超链接调用js函数
　　<a href="javascript:testHref()">调用js函数</a>

代码：

<h3>js的事件机制二</h3>
<hr/>
值改变的事件：
<input type="text" name="" id="" value="" onchange="testOnchange()">
<select name="" id="" onchange="testOnchange()">
<option value="">北京</option>
<option value="">上海</option>
<option value="">广州</option>
</select>
<hr />
事件的冲突：<br />
<input type="button" name="" id="" value="事件冲突" onclick="testOnclick()" onclick="testOndbclick()" />
事件的阻断：<br />
<a href="http://www.baidu.com" target="_blank" onclick="return testA()">百度一下</a><br />
超链接调用js函数
<a href="javascript:testHref()">调用js函数</a>