js的事件机制二
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>
最新文章
- 【Java EE 学习 35 下】【struts2】【struts2文件上传】【struts2自定义拦截器】【struts2手动验证】
- join的理解
- 第2章 面向对象的设计原则(SOLID):3_依赖倒置原则(DIP)
- BZOJ 1010 玩具装箱toy(四边形不等式优化DP)(HNOI 2008)
- sql 查询强制使用HASH连接性能测试比较
- (转)关于java和web项目中的相对路径问题
- 不重启使XP环境变量生效
- spoj 390
- 在 Eclipse 中使用 JSHint 检查 JavaScript 代码
- HDOJ-ACM1015(JAVA) 运用 组合、全排列实现
- 使用reinterpret_cast的危险
- today&#39;s learning of english 2
- Badge分析&;如何逼死处女座
- 使用splice实现高效的代理服务器
- 对于block的理解,block的面试题
- 2017 3-4/5 两天的学习的REVIEW
- 省市区三级联动(jquery+ajax)(封装和不封装两种方式)-----2017-05-15
- DOS批处理命令递归删除给定的文件(夹),兼VC工程清理小工具
- scrapy爬取数据保存csv、mysql、mongodb、json
- centos7+mariadb+防火墙,允许远程