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>

  • 相关阅读:
    [转]Linux(Ubuntu)下如何安装JDK
    第一个MICO CORBA demo实录
    解决/usr/bin/ld: cannot find -lssl
    使用adb shell 进入手机修改文件的权限
    解决某些Android Permission denied
    Java 8新特性终极指南
    Win10系统出问题?简单一招即可修复win10!
    运行时数据区
    linux下vi命令大全
    关于java中final关键字与线程安全性
  • 原文地址:https://www.cnblogs.com/qhcyp/p/10629011.html
Copyright © 2011-2022 走看看