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





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. 【后台管理系统】—— Ant Design Pro组件使用（一）
			
    一.搜索Search      搜索框 <Search placeholder="请输入关键字" defaultValue={kw && kw != 'nul ...
    
			
    2. 
						
  2. ES5 Object.defineProperties / Object.defineProperty 的使用
			
    临时笔记,稍后整理 var obj = { v: , render: function () { console.log(") } }; // Object.defineProperties ...
    
			
    3. 
						
  3. 【tensorflow使用笔记二】：tensorflow中input_data.py代码有问题的解决方法
			
    由于input_data网页打不开,因此从博客找到代码copy: https://blog.csdn.net/weixin_43159628/article/details/83241345 将代码放 ...
    
			
    4. 
						
  4. 005-unity3d 添加背景音乐、音效 以及 天空盒子
			
    一.基础知识 1.项目中需要有AudioListener,播放器中播放的声音就是AudioListener组件坐在的位置听到的声音.默认AudioListener是放到Main Camera上.没有A ...
    
			
    5. 
						
  5. adbl连接不上 daemon not running. starting it now on port 5037 ADB server didn't ACK
			
     http://blog.csdn.net/prettyice2005/article/details/38682443 adbl连接不上 daemon not running. starting i ...
    
			
    6. 
						
  6. 38 是否要使用memory引擎的表
			
    38 是否要使用memory引擎的表 内存表的数据组织结构 create table t1(id int primary key, c int) engine=Memory; create table ...
    
			
    7. 
						
  7. GMS认证测试FQA
			
    ---摘要 本文档用于收录GMS认证测试的异常问题,提供一般性指导.对于本文档中未提供解答的问题请咨询@开发经理或@领域技术专家 cts测试工具如何获取? A:见Google官网 https://so ...
    
			
    8. 
						
  8. 函数参数python
			
    函数中的默认参数,调用的时候可以给参数 赋值,也可以使用默认值 修改add函数如下 add()函数第一个参数没有默认值,第二个函数b默认值是3,在调用函数的时候,只赋予了函数实际参数为2, 也就是说该 ...
    
			
    9. 
						
  9. IDEA怎样在3.0中修改彩色字体。
			
    首先 找到 第一个File之后再找到Setting点击打开之后有Editor里面有colors和Fonts在下面是language  defaults        Semantic highligh ...
    
			
    10. 
						
  10. 倾旋之slack主题协同
			
    源:https://pocketcorp.slack.com/join/shared_invite/enQtNTk2MDYwNDA4NzU0LTg3ZGVlNDE5NWUzNjJhZTc1MDQ5MT ...
    
			
    11.