<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常见事件</title>
</head>
<body>
<form action="#" id="form" onclick="checkForm();">
<input type="text" id="username">
<select id="city">
    <option>--请选择城市列表--</option>
    <option>广州</option>
    <option>上海</option>
    <option>西安</option>
</select>
    <input type="submit" value="提交">
</form>
<script>
/*
      1、失去焦点事件 离焦事件
    document.getElementById("username").onblur=function () {
        alert("失去焦点了");
      2、加载完成事件 onload

    } **/
   /*window.onload=function () {
       document.getElementById("username").onblur=function () {
           alert("失去焦点了");
       }
       //3、绑定鼠标移动到元素之上事件
       document.getElementById("username").onmouseover=function () {
           alert("鼠标来了");
       }
       //4、绑定鼠标点击事件   定义方法时，定义一个形象，接受event对象
       //定义方法时 定义以恶形参，接受event对象
       //event对象的button属性可以获取鼠标按钮键被点击
          //event对象的button
       //
       document.getElementById("username").onmousedown=function () {
           alert("鼠标点击了");

       }
       //4-1
       document.getElementById("username").onmousedown=function (event) {
           alert(event.button);
       }
       document.getElementById("username").onchange=function (event) {
           alert("改变了。。");
       }
       document.getElementById("city").onchange=function (event) {
           alert("改变了。。");
       }
       //表单事件 1、onsubmit 确认按钮被点击 *可以阻止表单的提交 2、onreset  重置按钮被点击
   }
   document.getElementById("form").onsubmit=function () {
       //校验用户名格式是否正确
       var flag=false;
       return flag;
   }/*/
   function checkForm() {
       return false;
   }
</script>
</body>
</html>

js3——表格下拉的更多相关文章

  1. knockoutjs foreach array绑定 表格 下拉框绑定

    转载http://desert3.iteye.com/blog/1480471 knockoutjs foreach array绑定 表格 下拉框绑定 博客分类: Javascript   动态表格使 ...

  2. easyui源码翻译1.32--ComboGrid（数据表格下拉框）

    前言 扩展自$.fn.combo.defaults和$.fn.datagrid.defaults.使用$.fn.combogrid.defaults重写默认值对象.下载该插件翻译源码 数据表格下拉框结 ...

  3. ComboGrid( 数据表格下拉框)

    一． 加载方式//class 加载方式<select id="box" class="easyui-combogrid" name="dept& ...

  4. 第二百二十四节，jQuery EasyUI，ComboGrid(数据表格下拉框)组件

    jQuery EasyUI,ComboGrid(数据表格下拉框)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 ComboGrid(数据表格下拉框)组件的 ...

  5. jQuery EasyUI/TopJUI创建树形表格下拉框

    jQuery EasyUI/TopJUI创建树形表格下拉框 第一种方法(纯HTML创建) <div class="topjui-row"> <div class= ...

  6. Java使用poi生成Excel，生成两种表格下拉框

    想要使用POI操作以xsl结尾的Excel,首先要下载poi相关的jar包,用到的jar有: poi-3.9.jar poi-ooxml-3.9.jar poi-ooxml-schemas-3.9.j ...

  7. [Swift通天遁地]二、表格表单-(5)实现表格下拉和上拉刷新效果

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...

  8. vue 表格中的下拉框单选、多选处理

    最近在用vue做前后端分离,需要在表格中用到下拉框,由于需求变动,从最开始的单选变为多选,折腾了许久,记录一下,供后人铺路 vue 中的表格下拉框单选 collectionsColnumOptions ...

  9. vue 模拟下拉树

    // 使用vue 做表格部分其他部分暂不修改 var app = new Vue({ el: "#freightTbl", watch: { //监听表格数据的变化[使用 watc ...

随机推荐

  1. 清华大学教学内核ucore学习系列（1） bootloader

    ucore是清华大学操作系统课程的实验内核,也是一个开源项目,是不可多得的非常好的操作系统学习资源 https://github.com/chyyuu/ucore_lab.git, 各位同学可以使用g ...

  2. .NET Core 3.0 部署在docker上运行

    自从.NET Core3.0发布之后,写了几篇关于.NET Core 3.0的文章,有助于你快速入门.NET Core3.0. 本篇文章主要讲解如何一步步创建一个mvc项目,然后发布并部署在Docke ...

  3. js取两位小数点

    var money = one.money; var tmoney = money.substr(0,money.indexOf(".")+3);

  4. GitHub + jsDelivr + PicGo + Imagine 打造稳定快速、高效免费图床

    GitHub + jsDelivr + PicGo + Imagine 打造稳定快速.高效免费图床 前言 为什么要使用图床呢? 因为在不同平台发布同一篇文章的时候,最一个痛苦的点就是,图片存储问题,各 ...

  5. PHP 导出微信公众号粉丝的方法

    PHP 导出微信公众号粉丝的方法 先 user/get 获取关注者列表 然后user/info 根据openid读取信息 以上方法认证的订阅号支持

  6. PHP过滤换行的方法

    PHP过滤换行的方法 <pre> public function trimall($str) { $qian = array(" ", " ", & ...

  7. Linux 解决ntfs文件系统问题，支持外设（U盘等设备）的即插即拔

    # rpm -q fuse //查看这个软件有没有安装,一般安装系统都会装(最小安装例外) fuse-2.9.2-10.el7.x86_64 # yum -y install gcc # wget h ...

  8. PHP产生不重复随机数的5个方法总结

    无论是Web应用,还是WAP或者移动应用,随机数都有其用武之地.在最近接触的几个小项目中,我也经常需要和随机数或者随机数组打交道,所以,对于PHP如何产生不重复随机数常用的几种方法小结一下 无论是We ...

  9. 机器学习 TensorFlow 实现智能鉴黄

    前言 最近在做一款图床服务,关注公号的小伙伴一定记得小柒曾说过,会在周末放出的,不好意思放大家鸽子了.之所以一直没敢放出,是因为鉴黄接口一直没调试好,虽然我对公号的小伙伴百分之百信任,奈何互联网鱼龙混 ...

  10. 并行模式之Guarded Suspension模式

    并行模式之Guarded Suspension模式 一).Guarded Suspension: 保护暂存模式 应用场景:当多个客户进程去请求服务进程时,客户进程的请求速度比服务进程处里请求的速度快, ...