使用点击事件写一个计数器。





onmouseup  ： 当鼠标按下，松开的时候触发事件。

onmousedown： 当鼠标按下的时候触发事件。
onMouseOver:  鼠标经过时触发

onMouseOut:   鼠标移出时触发

onMouseMove:  鼠标移动时触发，这个只要在对应的地方移动就会触发
onclick:     鼠标点击时触发，包含按下与松开两个动作。






通过以下实例来观察onmouseup与onmousedown；up时鼠标按下不会变化，松开的时候触发，而down刚好相反。






<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>test</title>

</head>

<body>

    <div>

        <label for="i1">自增计数 </label>

        <input type="text" value="1" id="i1" >

        <input type="button" value="开始" class="c1" onmouseup="startcount()">

    </div>

</body>

<script type="text/javascript">

    var i = 1;

    var el1 = document.getElementById("i1");

    function startcount() {

        i ++ ;

        el1.value = i;

    }

</script>

</html>






 
												


											
html中的点击事件的更多相关文章
	

    
						
  1. ［转］iOS Safari 中click点击事件失效的解决办法
		
    iOS Safari 中click点击事件失效的解决办法 问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效(不能执行) 问题描述 当使用委托给一个元素 ...
    
		
    2. 
						
  2. qtp不识别树结构中的点击事件
		
    qtp不识别树结构中的点击事件,未生成该点击事件的脚本,解决办法: 1.未生成点击"auto分类c1"的脚本 2.点击1.对象库-2.添加对象库-3.选中对象-点击OK,即将该对象 ...
    
		
    3. 
						
  3. jquery中交替点击事件toggle方法的使用示例
		
    jquery中交替点击事件toggle方法中有两个参数,分别是要交替执行的事件.如果不传参默认是显示隐藏功能,下面有个不错的示例,感兴趣的朋友可以参考下 复制代码代码如下: $('#clickId‘) ...
    
		
    4. 
						
  4. 关于在"a"标签中添加点击事件的一些问题
		
    昨天做修改页面跳转时遇到一个问题,如果a标签的"href"属性为空的话,比如这样<a href="" onclick="roleupdate() ...
    
		
    5. 
						
  5. 项目遇到的小问题（关于vue-cli中js点击事件不起作用和iconfont图片下载页面css样式乱的解答）
		
     第一个:关于vue-cli中js点击事件不起作用 在vue的methods方法queryBtnFun()中拼接html和click操作事件的时候,发现点击事件一起未起作用: 后来发现是DOM执行顺序 ...
    
		
    6. 
						
  6. js中的点击事件（click）的实现方式
		
    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...
    
		
    7. 
						
  7. IOS的UIWebView中JS点击事件，需要加入cursor：pointer;属性才可以
		
    IOS的UIWebView中JS点击事件,需要加入cursor:pointer;属性才可以. Android的WebView可以支持外链样式,js文件:IOS则需要改为内嵌样式和JS文件.
    
		
    8. 
						
  8. vue中Enter触发登录事件和javascript中Enter触发点击事件
		
    created(){ window.addEventListener('keydown', this.handleKeyDown, true)//开启监听键盘按下事件 } 在methods中当keyC ...
    
		
    9. 
						
  9. iOS Safari 中click点击事件失效的解决办法
		
    问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效(不能执行) 问题描述 当使用委托给一个元素添加click事件时,如果事件是委托到 document  ...
    
		
    10. 
						
  10. a标签中的点击事件
		
    我们常用的在a标签中有点击事件:1. a href="javascript:js_method();" 这 是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 架构-层-DAL：DAL
			
    ylbtech-架构-层-DAL:DAL DAL是数据访问层的英文缩写,即为数据访问层(Data Access Layer).其功能主要是负责数据库的访问.简单地说就是实现对数据表的Select(查询 ...
    
			
    2. 
						
  2. Hbase——HA搭建
			
    架构 master1,2 免秘钥登录 配置环境变量export HBASE_HOME=/root/hbase-0.99.2export PATH=$PATH:$HBASE_HOME/bin 修改配置文 ...
    
			
    3. 
						
  3. HAWQ技术总结
			
    HAWQ技术总结: 1. 官网: http://hawq.incubator.apache.org/ 2. 特性 2.1 sql支持完善 ANSI SQL标准,OLAP扩展,标准JDBC/ODBC支持 ...
    
			
    4. 
						
  4. 当我写下Map<String,Object> map = new HashMap<>() https://www.jianshu.com/p/6b2e350e99be
			
    当我写下Map<String,Object> map = new HashMap<>();我到底在写什么? 我什么时候会写HashMap? 一个函数同时需要返回 多种 状态的情 ...
    
			
    5. 
						
  5. Jenkins---简单认识
			
    老生常谈:知其然更要知其所以然,所以补充一下Jenkins的相关知识 官方文档:https://jenkins.io/zh/doc/ 问题1:Jenkins是什么? 1.1.Jenkins是一个开源的 ...
    
			
    6. 
						
  6. oracle--序列&视图&索引&视图&可视化操作&分页&数据库备份
			
    --oracle学习内容--oracle的管理系统学习--oracle的数据管理学习--oracle的用户管理--oracle二维表管理--oracle的其他知识 --oracle的序列.视图.索引  ...
    
			
    7. 
						
  7. 记录将CentOS7linux系统python升级到3后yum安装是报错File "/usr/bin/yum", line 30     except KeyboardInterrupt, e:  ^ SyntaxError: invalid syntax问题解决
			
    前两天将CentOS7里的python版本升级到了3.5.2 今天想装个解压软件,在执行yum install -y XXX 的时候报错 然后按照提示打开这个文件 vi /usr/bin/yum yu ...
    
			
    8. 
						
  8. Java学习day9面向对象编程2-方法的可变个数的参数和方法的参数传递
			
    一.方法的可变个数的参数. 问题:我们能够打印的信息都是来源于方法的参数,也就是形参的传递.那如何要给方法传递不同的参数? .1.采用数组形参来定义方法 public static void test ...
    
			
    9. 
						
  9. [2019杭电多校第五场][hdu6624]fraction
			
    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=6624 题意为求最小的b满足$a*b^{-1}\equiv x(modp)$. 把式子化简一下: $a\ ...
    
			
    10. 
						
  10. ARM汇编3
			
    一. 什么是协处理器? 1.1. SoC内部另一处理核心,协助主CPU实现某些功能,被主CPU调用执行一定任务. 1.2. ARM设计上支持多达16个协处理器,但是一般SoC只实现其中的CP15.(c ...
    
			
    11.