<!DOCTYPE html>

<html>

 <head>

    <meta charset="utf-8">

    <title>JS实现按下按键触发点击事件</title>

</head>

 <body>

      <h3>按下 Enter 触发按钮点击事件</h3>

      <p>选中输入框，然后按下"Enter" 就会触发按钮的点击事件。</p>

      <div>

         <input placeholder="输入一些文本" type="text">

         <button type="button" onclick="javascript:alert('点击了我或者按下了enter,对不对')">点击我

或者按下enter键</button>

      </div>

      <script>

             var input=document.getElementsByTagName("input");

             //给input注册按钮事件，用addEventListenner(注意兼容问题）

             input.addEventListener("keyup",function(event) {

            //要阻止默认事件

            event.preventDefault();

            //我要的是enter件，也就是enter事件，所以要判断是哪个事件

           if(event.keyCode===13){

                 document.getElementsByTagName("button").click();

     }

     })

     </script>

<body>

</html>






 


												


											
JS实现按下按键触发点击事件的更多相关文章
	

    
								
  1. 为啥使用Iscroll.js之后，a不能触发点击事件？
		
    原因:是iscroll.js阻止了a的行为. 解决方法:打开iscroll-probe.js,然后找到preventDefaultException方法. 然后修改为: // preventDefau ...
    
		
    2. 
						
  2. vue中Enter触发登录事件和javascript中Enter触发点击事件
		
    created(){ window.addEventListener('keydown', this.handleKeyDown, true)//开启监听键盘按下事件 } 在methods中当keyC ...
    
		
    3. 
						
  3. 解决jQuery ajax动态新增节点无法触发点击事件的问题
		
    在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件.为什么点击事件失效,我们该怎么去解决呢? 其实最简单的方法就是直接在标签中写onclick="" ...
    
		
    4. 
						
  4. 解决JavaScript拖动时同时触发点击事件的BUG
		
    在做在线地图项目的时候,在给marker点绑定事件时,因为有点击事件click,同时又存在拖动dragEnd事件,首先没有重大缺陷,就是在用户在点击的时候,有时候本想是点击,但是他触发了drag的事件 ...
    
		
    5. 
						
  5. 关于AJAX异步加载节点无法触发点击事件问题的解决方式
		
    做练习的过程中遇到一个问题,使用AJAX异步新增一个节点,无法触发点击事件,经过查阅之后知道一个方式,使用JS的委托事件,在此做一个记录. $(document).on('click', '.recr ...
    
		
    6. 
						
  6. view.performClick()触发点击事件
		
    1.主要作用 自动触发控件的点击事件 2.界面的布局文件  activity_main.xml <RelativeLayout xmlns:android="http://schema ...
    
		
    7. 
						
  7. 可以触发点击事件并变色的UILabel
		
    可以触发点击事件并变色的UILabel 谁说UILabel不能够当做button处理点击事件呢?今天,笔者就像大家提供一个改造过的,能够触发点击事件并变色的UILabel:) 效果图: 还能当做计时器 ...
    
		
    8. 
						
  8. (转载)js(jquery)的on绑定点击事件执行两次的解决办法
		
    js(jquery)的on绑定点击事件执行两次的解决办法—不是事件绑定而是事件冒泡 遇到的问题:jquery中用.on()给页面中新加的元素添加点击事件时,点击事件源,绑定的事件执行两次,这里的ale ...
    
		
    9. 
						
  9. Echarts如何添加鼠标点击事件？防止重复触发点击事件
		
    Echarts如何添加鼠标点击事件? 1.通常我们只使用了以下代码,通过配置项和数据显示图表. var myChart = echarts.init(document.getElementById(' ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Swift学习笔记(11)--类与结构体
			
    类与结构是编程人员在代码中会经常用到的代码块.在类与结构中可以像定义常量,变量和函数一样,定义相关的属性和方法以此来实现各种功能. 和其它的编程语言不太相同的是,Swift不需要单独创建接口或者实现文 ...
    
			
    2. 
						
  2. CF(438D) The Child and Sequence(线段树)
			
    题意:对数列有三种操作: Print operation l, r. Picks should write down the value of . Modulo operation l, r, x.  ...
    
			
    3. 
						
  3. 编译Linux Kernel
			
    近期编译 Linux Kernel 被 header 所在的文件骗了,使用命令例如以下 cd /usr/src/linux-headers-3.11.0-24-generic/ make menuco ...
    
			
    4. 
						
  4. 【面试加分项】java自己定义注解之申明注解
			
    之前的博客http://blog.csdn.net/u010590685/article/details/47029447介绍了java的注解的基本知识今天我们学习怎样使用自己定义注解. 首先我们要声 ...
    
			
    5. 
						
  5. ASPNET 页面编码
			
    转自:http://www.cnblogs.com/libingql/archive/2009/04/11/1433771.html 设置ASPNET页面编码格式 1.Web.Config设置 < ...
    
			
    6. 
						
  6. 操作系统的 （program）loader（程序加载器）
			
    在计算机科学中,加载器(也叫程序加载器)属于操作系统的一部分,用于加载程序(programs)和库(libraries).加载器是执行程序和代码必不可少的组件,正是它负责将程序送入内存,为程序的运行提 ...
    
			
    7. 
						
  7. css 浮动 绝对定位 和 相对定位
			
    html是按照文件流(文档流)的方式加载的,但是全部是文档流的话,很多好看的样式是实现不了的,所以出现了浮动,相对定位,绝对定位的概念. 一.首先,按照文档流和非文档流来分类: ①文档流:就是按照上下 ...
    
			
    8. 
						
  8. VMware Vsphere 6.0安装部署  vCenter Server安装
			
    几个不同的组件 vCenter Server:对ESXi主机进行集中管理的服务器端软件,安装在windows server 2008R2或以上的操作系统里,通过SQL 2008R2 或以上版本的数据库 ...
    
			
    9. 
						
  9. 18/9/21模拟赛-Updated
			
    18/9/21模拟赛 期望得分:100:实际得分:0  qwq 拿到题目第一眼,我去,这不是洛谷原题(仓鼠找Sugar)吗 又多看了几眼,嗯,对,除了是有多组数据外,就是原题 然后码码码....自以为 ...
    
			
    10. 
						
  10. NYOJ 927 The partial sum problem 【DFS】+【剪枝】
			
    The partial sum problem 时间限制:1000 ms  |  内存限制:65535 KB 难度:2 描写叙述 One day,Tom's girlfriend give him a ...
    
			
    11.