<!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. [考试反思]1011csp-s模拟测试69：无常

    承蒙大脸skyh的毒奶,加之以被kx和Parisb以及板儿逼剥夺了一中午的睡眠(其实还有半个晚上)RP守恒终于失效了,连续两场没考好 RP也是不够了,竟然考原题,而且还不换题,连样例都一模一样只不过加 ...

  2. 2684亿！阿里CTO张建锋：不是任何一朵云都撑得住双11

    2019天猫双11 成交额2684亿! "不是任何一朵云都能撑住这个流量.中国有两朵云,一朵是阿里云,一朵叫其他云."11月11日晚,阿里巴巴集团CTO张建锋表示,"阿里 ...

  3. 数据结构--树链剖分准备之LCA

    有关LCA的模板题    传送门 题目描述 如题,给定一棵有根多叉树,请求出指定两个点直接最近的公共祖先. 输入输出格式 输入格式: 第一行包含三个正整数N.M.S,分别表示树的结点个数.询问的个数和 ...

  4. Python基本数据结构之字典

    定义: {key1:value1,key2:value2} 1.键与值用冒号“:”分开: 2.项与项用逗号“,”分开: 示例: dic4={ 'name': 'xiaohu', 'age': 20, ...

  5. NOIP 模拟19

    考试状态一次不如一次,所以这次.......我经无言以对 考完试T1就A了,但不是考试时A的,所以屁用没有! 这次考试其实T1想的是正解但是自己傻逼了,感觉自己只能拿部分分,(而且我还把数据范围少看一 ...

  6. 手写jwt验证，实现java和node无缝切换

    前言 前端时间和我朋友写了一个简易用户管理后台,功能其实很简单,涉及到的技术栈有:vue+elementUI,java+spring MVC以及node+egg,数据库用的mysql,简单方便. 一开 ...

  7. Scrapy进阶知识点总结（五）——Settings

    1.设置优先级 Scrapy中有不同层次的设置,其类型以及优先级如下(从高到低): 1.命令行命令中指定的设置 2.每个spider中的设置 3.scrapy项目中settings.py设置 4.命令 ...

  8. mysql找出重复数据的方法

    mysql找出重复数据的方法<pre>select openid,count(openid) from info group by openid,jichushezhi_id HAVING ...

  9. LocalDate类

    LocalDate类与Date类不同.Date类是距离一个固定时间点的毫秒数(UTC 1970.1.1 00:00:00) Date类表示时间点,LocalDate类用来表示日历表示法. import ...

  10. 领扣（LeetCode）数字转换为十六进制数 个人题解

    给定一个整数,编写一个算法将这个数转换为十六进制数.对于负整数,我们通常使用 补码运算 方法. 注意: 十六进制中所有字母(a-f)都必须是小写. 十六进制字符串中不能包含多余的前导零.如果要转化的数 ...