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





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. C++模板声明与实现分开--由此想到的编译，链接原理
			
    参考了以下两篇文章: C++编译链接原理简介  语言程序编译过程 2 问题来源:当模板文件的实现与声明分开在不同文件中时,链接时会提示找不到相应模板函数,如下 一,编译和链接的大概原理: 1,编译,遍 ...
    
			
    2. 
						
  2. code_action
			
    w https://raw.githubusercontent.com/laravel/laravel/master/config/database.php <?php return [ /*  ...
    
			
    3. 
						
  3. (转)Jquery之ShowLoading遮罩组件
			
    本文转载自:http://www.cnblogs.com/eczhou/archive/2012/12/18/2822788.html 一.遮罩用途及效果 ShowLoading这个jQuery插件设 ...
    
			
    4. 
						
  4. fedora23深度配置gnome系统环境, 如设置ibus的面板字体大小 以及gedit 自动探测文件字符编码fileencodings
			
    除了系统桌面gnome, 以及gnome应用程序自带的preferences, 还有很多设置, 没有在preferences, 而是被深度地隐藏在系统中, 这时, 需要安装 dconf-tools:  ...
    
			
    5. 
						
  5. request.getParameter
			
    request.getParameter(),该API针对的是 form表单entype的值为 application/x-www-form-urlencoded(默认值), 或者参数跟在地址栏上us ...
    
			
    6. 
						
  6. win10编写8086汇编程序（dosbox）
			
    有部分同学反馈.在使用edit命令来编写汇编程序时遇到问题,由于模拟器没有edit程序,所以要换一种方式编写源程序.下面是完整的演示. 视频链接:http://www.bilibili.com/vid ...
    
			
    7. 
						
  7. Vue.js  注册组件
			
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
			
    8. 
						
  8. oracle--表空间处理
			
    CREATE TABLESPACE命令详解(转) 表空间理解 https://www.cnblogs.com/kerrycode/p/3418694.html 常用操作 https://www.cnb ...
    
			
    9. 
						
  9. levelDB SSTable-静态布局结构
			
    SSTable是Bigtable中至关重要的一块,对于LevelDB来说也是如此,对LevelDB的SSTable实现细节的了解也有助于了解Bigtable中一些实现细节.     本节内容主要讲述S ...
    
			
    10. 
						
  10. 优化内存_内存泄漏——C
			
    内存泄漏:  动态申请内存,没有正常释放,后续又申请内存,也没释放内存,导致内存池被全部被占用,最终再申请内存的时候失败:严格点则每次申请内存的时候判断申请到的指针是否为空,若为空NULL则表示申请失 ...
    
			
    11.