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





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. Linux内核调试方法总结之bugreport
			
    bugreport [用途]Android性能分析工具,bugreport记录了Android启动过程日志,启动后的系统状态,包括进程列表.内存信息.VM信息等 [使用方法] Adb bugrepor ...
    
			
    2. 
						
  2. isinstance(object, classinfo)  class type(name, bases, dict)
			
    w https://docs.python.org/3/library/functions.html#isinstance
    
			
    3. 
						
  3. mysql-c++连接
			
    1.mysql-c++连接MySQL :: Download Connector/C++ https://dev.mysql.com/downloads/connector/cpp/ 1-1VS201 ...
    
			
    4. 
						
  4. JSON基础，简单介绍
			
    JSON(JavaScript Object Notation(记号.标记)) 是一种轻量级的数据交换格式.它基于JavaScript(Standard ECMA-262 3rd Edition -  ...
    
			
    5. 
						
  5. 用Vue来实现音乐播放器（八）：自动轮播图啊
			
    slider.vue组件的模板部分 <template> <div class="slider" ref="slider"> <d ...
    
			
    6. 
						
  6. Linux_NIS+NFS+Autofs
			
    目录 目录 前言 NIS NFS Autofs 搭建NISNFSAutofs Setup NNA environment Setup ServerSite Setup client 前言 NIS+NF ...
    
			
    7. 
						
  7. 阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第4节 模拟BS服务器案例_2_模拟BS服务器代码实现
			
    这三行代码是固定的在输出之前 浏览器再次访问这个页面. 图片没有显示出来 复制刚才的代码一份出来重命名 加个while循环.把代码都放进去. 然后在while里面开启一个线程.把读取的代码都放在线程里 ...
    
			
    8. 
						
  8. IPv4首部
			
    <图解TCP/IP> 4.7 IPv4的首部 版本:由4比特构成,表示标识IP首部的版本号.IPv4的版本号即为4,因此在这个字段上的值也为“4”. 首部长度:由4比特构成,表明IP首部的 ...
    
			
    9. 
						
  9. 挣值管理（PV、EV、AC、SV、CV、SPI、CPI）
			
    挣值管理法中的PV.EV.AC.SV.CV.SPI.CPI这些英文简写相信把大家都搞得晕头转向的.在挣值管理法中,需要记忆理解的有三个参数:PV.AC.EV. PV:计划值,在即定时间点前计划完成活动 ...
    
			
    10. 
						
  10. 从SOA 谈软件的发展
			
    本文是个科普文章,有些内容可能不精准,为了给女儿解释SOA所写.要深刻理解SOA,必须了解软件的发展过程.互联网上有大量的这方面的文章可以参考. 软件与计算机 软件这个概念很年轻,也就不到70年. 软 ...
    
			
    11.