JS中的常用事件

最新推荐文章于 2022-11-19 10:28:43 发布
最新推荐文章于 2022-11-19 10:28:43 发布
阅读量231 收藏 3
点赞数
分类专栏： js基础学习 文章标签： 事件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42666439/article/details/100554420
版权

JS中的常用事件

什么叫做事件

所谓的事件，是浏览器监听用户行为的一种机制。
比如，当用户使用鼠标 “点击” 一个按钮，会触发该按钮的“点击”事件 如果此时我们想要执行代码 就可以通过JS脚本设置“点击”事件
同样的，如果用户鼠标双击一个按钮，会触发该按钮的双击事件 
类似的事件还有很多

事件的分类

鼠标事件
    click 点击事件
    dblclick 双击事件
    mousedown 鼠标按下事件
    mouseup 鼠标抬起事件(一次click包含一次mousedown和一次mouseup)
    mouseover 鼠标进入事件
    mouseenter 鼠标进入事件
    mouseout 鼠标离开事件
    mouseleave 鼠标离开事件
    mousemove 鼠标移动事件
键盘事件
    keydown 键盘键被按下
    keyup   键盘键被松开
    keypress 输入
浏览器的事件
    load 页面中所有资源都被加载完毕的时候
    scroll 页面的卷动
焦点事件
    focus 当一个元素获取到焦点时
    blur 当一个元素失去焦点时
移动端事件
    touchstart  触摸开始事件 会在手指按下的时候触发
    touchmove   触摸并移动  会在手指按下并移动的时候触发
    touchend    触摸结束事件  会在手指离开的时候触发
其它事件
    animationstart  动画开始时触发 
    animationend    动画结束时触发
    transitionend   过渡结束时触发

绑定事件

绑定事件的第一步 获取元素


                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  CXY-Saxon
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    3
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
常见的事件

				
			

			

				

					weixin_39427688的博客
				

				

					04-17
					
					517
					
				

			

		

		

			
				
常见的事件：

1. 点击事件：
1. onclick：单击事件
2. ondblclick：双击事件


2. 焦点事件
1. onblur：失去焦点
2. onfocus:元素获得焦点。
3. 加载事件：
1. onload：一张页面或一幅图像完成加载。
4. 鼠标事件：
...

			
		

	



                

              
                



	

		

			

				
					
js常用的几种事件，请分别描述一下

				
			

			

				

					子玉的博客
				

				

					09-21
					
					53
					
				

			

		

		

			
				
JavaScript中有许多常用的事件，这些事件用于捕获用户交互、浏览器行为以及其他与网页相关的事件。这些是JavaScript中常用的一些事件类型，它们用于响应用户交互、控制页面行为以及执行其他与网页相关的操作。你可以使用事件监听器（）来为元素绑定事件处理程序，以便在事件发生时执行特定的JavaScript代码。

			
		

	



                


  
              

                


	

		

			

				
					
js常用事件

					
热门推荐

				
			

			

				

					luojing0516的博客
				

				

					06-29
					
					1万+
					
				

			

		

		

			
				
1.点击事件：onclick：单击事件ondblclick：双击事件2.焦点事件onblur：失去焦点onfocus:元素获得焦点。3.加载事件：onload：一张页面或一幅图像完成加载。4.鼠标事件：onmousedown： 鼠标按钮被按下。onmouseup： 鼠标按键被松开。onmousemove： 鼠标被移动。onmouseover： 鼠标移到某元素之上。onmouseout ：鼠标从某元素移开。鼠标按下时，通过事件对象 event中的属性 button 或 which 可以获取鼠标按键的编号e.b

			
		

	





	

		

			

				
					
JavaScript常用事件详情

				
			

			

				

					weixin_51669424的博客
				

				

					11-19
					
					1799
					
				

			

		

		

			
				
JavaScript常用事件详情

			
		

	



		

			
		



	

		

			

				
					
深入理解js中的加载事件

				
			

			

				

					01-19
				

			

		

		

			
				
load事件是最常用的一个事件，当页面完全加载后(包括所有图像、javascript文件、CSS文件等外部资源)，就会触发window上的load事件 [注意]IE8-浏览器不会为该事件设置srcElement属性，而其他浏览器的target属性指向...

			
		

	





	

		

			

				
					
javaScript中常用事件

				
			

			

				

					12-15
				

			

		

		

			
				
本文将深入探讨JavaScript中的一些常用事件，以及它们如何工作，帮助初学者更好地理解并运用到实际项目中。  一、事件概述 事件是JavaScript中的一种机制，它允许程序响应用户的操作或者浏览器的状态变化。事件处理...

			
		

	





	

		

			

				
					
JavaScript常用事件介绍

				
			

			

				

					10-17
				

			

		

		

			
				
今天小编就为大家分享一篇关于JavaScript常用事件介绍，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧

			
		

	





	

		

			

				
					
JavaScript 事件处理 常用事件（鼠标事件、键盘事件、表单事件）示例代码

					
最新发布

				
			

			

				

					06-27
				

			

		

		

			
				
JavaScript 事件处理 常用事件（鼠标事件、键盘事件、表单事件）示例代码JavaScript 事件处理 常用事件（鼠标事件、键盘事件、表单事件）示例代码JavaScript 事件处理 常用事件（鼠标事件、键盘事件、表单事件）示例...

			
		

	





	

		

			

				
					
关于js注册事件的常用方法

				
			

			

				

					10-27
				

			

		

		

			
				
为了兼容各种浏览器，今天没事特意复习了一下js原生事件特性，对其封装一下。

			
		

	





	

		

			

				
					
js常用事件整合

				
			

			

				

					11-24
				

			

		

		

			
				
js常用的事件整合，附带实例教程，让你每一个都能轻松掌握

			
		

	





	

		

			

				
					
javaScript常用事件

				
			

			

				

					09-19
				

			

		

		

			
				
常用javaScript事件归纳。
常用事件：
1.onclick 鼠标单击事件
通常在下列基本对象中产生： 
button（按钮对象） 
checkbox（复选框）或（检查列表框） 
radio （单选钮） 
reset buttons（重要按钮） 
submit buttons（提交按钮） 
例如可通过下列按钮激活change()文件： 
<Form> 
<Input type="button" Value="" onClick="change()"> 
</Form>
2.onLoad页面加载事件：当页面加载时，自动调用函数（方法）。注意：此方法只能写在<body>标签之中！
3.onScroll窗口滚动事件：当页面滚动时调用函数。注意：此事件写在方法的外面，且函数名（方法名）后不加括号！例：window.onscroll=move;
4.onBlur失去焦点事件：当光标离开文本框是触发调用函数。
当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时，引发该文件，他与onFocas事件是一个对应的关系。
5.onFocus事件：光标进入文本框时触发调用函数。
当用户单击Text或textarea以及select对象时，产生该事件。
6.onChange事件：文本框的value值发生改变时调用函数。当利用text或textarea元素输入字符值改变时发该事件，同时当在select表格项中一个选项状态改变后也会引发该事件。例： 
<Form> 
<Input type="text" name="Test" value="Test" onCharge="check('this.test)"> 
</Form> 
7.onSubmit事件：属于<form>表单元素，写在<form>表单标签内。语法：onSubmit=”return 函数名()”
8.onKeyDown事件：在输入框中按下键盘上的任何一个键时，都会触发事件，调用函数。注意：此事件写在方法的外面，且函数名（方法名）后不加括号！例：document.onkeydown=函数名（）。
9.setTimeout(“函数名()”,间隔时间（以毫秒为单位）)；
10.clearTimeout(对象) 清除已设置的setTimeout对象


鼠标相关事件：
1.onMouseOver：鼠标移动到某对象范围的上方时，触发事件调用函数。注意：在同一个区域之内，无论怎样移动斗志触发一次函数。
2.onMouseOut:鼠标离开某对象范围时，触发事件调用函数。
3.onMouseMove: 鼠标移动到某对象范围的上方时，触发事件调用函数。注意：在同一个区域之内，只要一动一次就出发一次事件调用一次函数。
4.onmouseup 当鼠标松开
5.onmousedown 当鼠标按下键


document对象常用的方法：
1.document.getElementById():通过id获得唯一的一个HTML元素，没有id时，通过name查找
2.document.getElementByName()：获取相同名称的一组元素。主要用于表单中的复选框


Date对象常用方法：
Var a=new Date(); //创建a为一个新的时期对象
y=a.getYear(); //y的值为从对象a中获取年份值 两位数年份
y1=a.getFullYear(); //获取全年份数 四位数年份
m=a.getMonth(); //获取月份值(0-11)
d=a.getDate(); //获取日期值
d1=a.getDay(); //获取当前星期值
h=a.getHours(); //获取当前小时数
m1=a.getMinutes(); //获取当前分钟数
s=a.getSeconds(); //获取当前秒钟数

			
		

	





	

		

			

				
					
JavaScript 中常用事件有哪些？

				
			

			

				

					m0_68885781的博客
				

				

					09-05
					
					1908
					
				

			

		

		

			
				
JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在HTML页面中定义。

			
		

	





	

		

			

				
					
JavaScript中的常用事件

				
			

			

				

					qq_45554909的博客
				

				

					12-21
					
					3434
					
				

			

		

		

			
				
JS中的事件：

概念：某些组件被执行了某些操作后，触发某些代码的执行。
事件：某些操作。如： 单击，双击，键盘按下了，鼠标移动了
事件源：组件。如： 按钮 文本输入框…
监听器：代码。
注册监听：将事件，事件源，监听器结合在一起。 当事件源上发生了某个事件，则触发执行某个监听器代码。

1、常用事件
1.点击事件：

onclick：单击事件
ondblclick：双击事件

2.焦点事件

onblur：失去焦点
onfocus:元素获得焦点。

3.加载事件：

onload：一张页面或一幅图像完成加

			
		

	





	

		

			

				
					
js中常用事件

				
			

			

				

					weixin_44197906的博客
				

				

					06-14
					
					251
					
				

			

		

		

			
				
鼠标事件




/*
onclick：点击某个对象时触发
ondblclick：双击某个对象时触发
onmouseover：鼠标移入某个元素时触发
onmouseout：鼠标移出某个元素时触发
onmouseenter：鼠标进入某个元素时触发
onmouseleave：鼠标离开某个元素时触发
onmousedown：鼠标按下时触发
onmouseup：鼠标抬起时触发
onmousemove：鼠标被移动时触发
onwheel：鼠标滚轮滚动时触发
oncontextmenu：点击鼠标右键时触发
*/



键

			
		

	





	

		

			

				
					
JavaScript中常用的事件

				
			

			

				

					windy8833的专栏
				

				

					03-04
					
					1086
					
				

			

		

		

			
				
JavaScript中有以下常用的事件，它们可以通过JavaScript中的自定义函数来响应1.onclick事件     单击事件，即用户单击鼠标按钮时发生的事件，可以在以下基本对象中产生该事件：button,radio,checkbox,submit,reset2.onchange事件     改变事件，通常发生在以下两种情况     select(列表框或下拉列表框)中的

			
		

	





	

		

			

				
					
Javascript中常用事件的命名

				
			

			

				

					weixin_30398227的博客
				

				

					05-21
					
					456
					
				

			

		

		

			
				
OnClick :单击事件
OnChange:改变事件
OnSelect：选中事件
OnFocus:获得焦点事件
OnBlur:失去焦点事件
Onload：载入文件
OnUnload：卸载文件
anchors[]:使用《A name="anchorsName"》标识来建立锚的链接。
links[]:使用<A href="URL">来定义一个越文本链接项。
Forms[...

			
		

	





	

		

			

				
					
js常用的事件及其应用

				
			

			

				

					饮冰十年的博客
				

				

					08-05
					
					3892
					
				

			

		

		

			
				
常用的事件梳理



1.PC端常用事件

事件名          作用 
click                   当鼠标点击时触发 
mouseover           当鼠标指针移动到元素上时触发 
mouseout            当鼠标指针移出元素时触发 
mouseenter          当鼠标指针移动到元素上时触发（不支持冒泡） 
mouseleave    ...

			
		

	





	

		

			

				
					
JS中常用的事件和代码示例

				
			

			

				

					05-31
				

			

		

		

			
				
JavaScript中常用的事件有很多种，下面列举了一些常用的事件和相应的代码示例：  1. click事件：当用户点击某个元素时触发。  ```javascript const button = document.querySelector("button");  button....

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值