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





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. React-Native 之 GD （六）无数据情况处理
			
    1.还是网络问题,在网络出现问题或者无法加载数据的时候,一般我们会展示空白页,在空白页中提示 无数据 之类的提示,比较好的还会使用 指示器 的方式告诉用户网络出现问题等等. 这边我们做以下处理,当无数 ...
    
			
    2. 
						
  2. 【转】mackbook wifi卡死未响应的问题
			
    原文:http://tieba.baidu.com/p/6140144143?traceid= 1. wifi未响应了,紧急处理法:打开活动监视器,搜索airportd,结束掉进程 2. 彻底解决办法 ...
    
			
    3. 
						
  3. 四种方法给Vmware虚拟机清理瘦身
			
    随着VMware虚拟机使用时间的增长,其所占用的空间也越来越大,本文来说说怎么给VMware虚拟机占用的空间进行瘦身. **方法一:VMware自带的清理磁盘 **这个方法是VMware自带,具有普适 ...
    
			
    4. 
						
  4. delphi编写提取exe文件的ICO图标
			
    http://www.duote.com/tech/4/11797.html delphi编写提取exe文件的ICO图标 7.0分 出处:天下网吧 时间:2011-08-05 人气:2390 核心提示 ...
    
			
    5. 
						
  5. uni-app-在开启小程序在微信开发工具打开时，打开失败，解决方法：手动打开
			
    这是我自学ui-app的第一张记录内容,问题都是我在实际开发中遇到的问题 1.微信开发工具打开失败,提示是: 接着我的流程就是打开上面提到的链接,进入页面:https://developers.wei ...
    
			
    6. 
						
  6. exec 命令
			
    source source命令即点(.)命令. 在bash下输入man source,找到source命令解释处,可以看到解释”Read and execute commands from filen ...
    
			
    7. 
						
  7. Spring之使用注解实例化Bean并注入属性
			
    1.准备工作 (1)导入jar包 除了上篇文章使用到的基本jar包外,还得加入aop的jar包,所有jar包如下 所需jar包 (2)配置xml <?xml version="1.0& ...
    
			
    8. 
						
  8. 简单易用的leetcode开发测试工具（npm）
			
    描述 最近在用es6解leetcode,当问题比较复杂时,有可能修正了新的错误,却影响了前面的流程.要用通用的测试工具,却又有杀鸡用牛刀的感觉,所以就写了个简单易用的leetcode开发测试工具,分享 ...
    
			
    9. 
						
  9. Python 内置函数raw_input()和input()用法和区别
			
    我们知道python接受输入的raw_input()和input() ,在python3 输入raw_input() 去掉乐,只要用input() 输入,input 可以接收一个Python表达式作为 ...
    
			
    10. 
						
  10. 树莓派VNC Viewer 远程桌面配置教程
			
    作为一个刚入门的小白,你还在为如何配置树莓派的远程桌面控制苦恼? 是否希望能够每次在树莓派上无须接上显示器.键盘.鼠标以及走到放置你的树莓派的地方就可以运行指令! 在这篇树莓派文章中,你将学到如何在树 ...
    
			
    11.