zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    Git 之 git原理简介
    Django 之 富文本编辑器-tinymce
    Django 之 Ajax
    Django 之 分页
    Django 之 用redis存储session
    Django 之 自定义中间件
    python 之 多线程、多进程代码
    反转字符串
    青蛙跳台阶
    pandas 之 concat
  • 原文地址:https://www.cnblogs.com/qhcyp/p/10629011.html
Copyright © 2011-2022 走看看