如何通过$event拿到标签值

最新推荐文章于 2024-11-11 16:40:55 发布
原创 最新推荐文章于 2024-11-11 16:40:55 发布 · 1.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
本文为博主原创文章，未经博主允许不得转载(转载请声明原文地址,谢谢java交流群:553997290)

本文介绍了一个使用JavaScript处理点击事件并获取DOM元素信息的例子。通过点击表格行触发事件，进而找到目标元素并读取其内部的文本内容。此过程展示了如何在网页上实现交互式功能。 
<tr id="tr_five" @click="childChe($event)" >
 <td class="td_color">
  </td>
</tr>

childChe(_my){
  var needtr = $(_my.target).parent().parent();
           //拿到p标签的值用来判断
                 var cheName = needtr.find("td").eq(1).find("p").html();
}
                

        

    

    
  



    



                



	

		

			

				
					
vue3中element tabs标签页 tab-click事件无法拿到最新值

				
			

			

				

					红烧咸咸鱼
				

				

					07-26
					
					2226
					
				

			

		

		

			
				
vue3中element tabs标签页 tab-click事件无法拿到最新值

			
		

	



                

            
              



	

		

			

				
					
uniapp点击按钮获取到值

				
			

			

				

					m0_66702519的博客
				

				

					12-02
					
					2339
					
				

			

		

		

			
				
uniapp点击按钮获取id值

			
		

	



              


  
              

                


	

		

			

				
					
Vue   event.target.value( )获取当前文本框的值（回车或者点击触发）

				
			

			

				

					小丫小白菜的博客
				

				

					07-04
					
					2904
					
				

			

		

		

			
				
Vue event.target.value( ) 获取当前文本框的值（由事件触发时）

情景描述：假设当前有一个文本框，当我输入内容之后，回车或者点击一个按钮，

我们在这个input 上或者这个按钮上绑定事件，触发事件之后执行相应的methods中

的处理函数，在methods中的函数中是如何获取文本框中的值的呢？
案例：



我们给input 绑定了enter的触发事件，也就是说只要使用enter键，那么就会执行后面的函数，这种方...

			
		

	





	

		

			

				
					
Event 标签的运用

				
			

			

				

					u013671526的专栏
				

				

					11-04
					
					504
					
				

			

		

		

			
				
在纯as项目中，
直接[e]

			
		

	



		

			
		



	

		

			

				
					
vue的$event事件绑定，获取当前值

				
			

			

				

					irose的博客
				

				

					05-19
					
					2565
					
				

			

		

		

			
				
举两个例子
1.单纯只获取本身的值，在一般的回调函数中，都默认存在$event
<div id="demo">
    <button @click="btn1">按钮一</button>
</div>

new Vue({
        el:'#demo',
        data:{

        },
        methods:{
            btn1(event){
                alert(event.t

			
		

	





	

		

			

				
					
vue中$event的使用

				
			

			

				

					qq_38577700的博客
				

				

					08-05
					
					1165
					
				

			

		

		

			
				
前言
最近有看到别人用到event，不是很理解，然后百度了一下，做个初步的了解，先记录一下，后来有什么补充的在补充，大家有什么见解，欢迎留言。
在父子组件通过自定义事件进行通信时，表示从子组件中传递出来的参数值
<button v-on:click="$emit('enlarge-text', 0.1)">
 Enlarge text
</button>

<blog-post
 v-on:enlarge-text="postFontSize += $event"
>&l

			
		

	





	

		

			

				
					
vue: 理解$event、$set

				
			

			

				

					@tangguo123 博客
				

				

					07-28
					
					412
					
				

			

		

		

			
				
$event
$event是指当前触发的是什么事件（鼠标事件，键盘事件等）
$event.target则指的是事件触发的目标，即哪一个元素触发了事件，这将直接获取该dom元素
<button @click="console.log($event)" name="哈哈">单击</button>


实际上展开target就可以看到更具体的信息,也就是这个button的各种属性
<button @click="console.log($event.target)" name="哈哈

			
		

	





	

		

			

				
					
angular.js 中$($event.target)拿到了<span>文字<img/></span> 修改span标签中的文字和img的路径

				
			

			

				

					05-31
				

			

		

		

			
				
其中，`.text()`方法用于获取`<span>`元素中的文本内容，`.find()`方法用于查找`<span>`元素中的`<img>`元素，`.attr('src')`方法用于获取`<img>`元素的`src`属性值。  然后，您可以使用以下代码来修改`<span>`元素...

			
		

	





	

		

			

				
					
jquery实现列表点击条目改变样式并拿到属性值

				
			

			

				

					09-18
				

			

		

		

			
				
本教程将深入讲解如何使用jQuery来实现一个功能：当用户点击列表中的条目时，该条目的样式会发生变化，并能获取到其特定属性的值。这个功能在很多实际应用中都很常见，例如在选择银行列表的应用场景中，用户可能需要...

			
		

	





	

		

			

				
					
自学js第十五天:event坐标偏移量位置和window对象

				
			

			

				

					weixin_47592060的博客
				

				

					05-07
					
					1741
					
				

			

		

		

			
				
一.Event对象集合中的鼠标按下或者点击时的相对位置:!=元素的自身位置

1.鼠标event对象给我们展示了 client / offset /  page  /  screen系列的X Y坐标 可以用于在不同需求下获取用户鼠标的相对位置.(相对于各种参考物体的位置)
2.首先先了解鼠标event其实是一个事件对象集合来的,里面包含各种各样的鼠标事件的信息.其中就有当前用户点击鼠标触发事件的相对位置坐标. 比如如下的pageX,和 pageY
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来

			
		

	





	

		

			

				
					
jQuery之事件

				
			

			

				

					ajwqb06628的专栏
				

				

					11-26
					
					112
					
				

			

		

		

			
				
jQuery之事件

        
	
        
            

    一、事件列表
　　1.blur()　　　　　　当失去焦点时触发。包括鼠标点击离开和TAB键离开。
　　2.change()　　　　 当元素获取焦点后，值改变失去焦点事触发。
　　3.click()　　　　　　当鼠标单击时触发。
　　4.d...

			
		

	





	

		

			

				
					
Vue事件（$event）

				
			

			

				

					qq_36582776的博客
				

				

					11-02
					
					7039
					
				

			

		

		

			
				
1.Vue事件处理


<div id='div1'>
    <button v-on:click="showInfo1">提示信息1</button>
    <button @click="showInfo2($event,666)">提示信息2</button>
    //@是v-on:的简写形式
<div>

<script>
    const vm=new Vue({
    el:'#div1',
    

			
		

	





	

		

			

				
					
js中event对象以及其相关属性

				
			

			

				

					个人笔记
				

				

					03-26
					
					217
					
				

			

		

		

			
				
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			body{
				height: 3000px;
			}
			#one{
				width: 300px;
				height:

			
		

	





	

		

			

				
					
Android的View事件分发机制2

				
			

			

				

					Crazy Android
				

				

					01-01
					
					540
					
				

			

		

		

			
				
如果触发的ACTION_MOVE,ACTION_UP事件，则不再执行onInterceptToucheEvent(ev)方法，而是直接设置onInterceptTouchEvent方法，此后的一系列事件，均由这个ViewGroup处理。而当这个MotionEvent产生后，系统就会将这个Motion传递给View的层级，MotionEvent在View中的层级传递过程，就叫做事件分发。用来进行事件的拦截，在dispatchTouchEvent方法中调用，需要注意的是，ViewGrop才有这个方法。

			
		

	





	

		

			

				
					
html语言中<td>标签的class属性的作用

				
			

			

				

					Hunter的博客
				

				

					09-12
					
					2万+
					
				

			

		

		

			
				
其实class属性的值对应的就是你定义的css的名字，它和class的属性值相对应。

例如：&lt;td class="t1"&gt;&lt;/td&gt;
&lt;style type="text/css"&gt;
.t1 {
font-size: 12px;//字体大小
line-height: 22px;//文本行高
color: #000000;//文本颜色
margin: 6px;//...

			
		

	





	

		

			

				
					
Vue.js如何获得兄弟元素，子元素，父元素（DOM操作）

					
热门推荐

				
			

			

				

					qq_15256443的博客
				

				

					09-10
					
					5万+
					
				

			

		

		

			
				

&lt;button @click = “clickfun($event)”&gt;点击&lt;/button&gt;

methods: {
clickfun(e) {
// e.target 是你当前点击的元素
// e.currentTarget 是你绑定事件的元素
    #获得点击元素的前一个元素
    e.currentTarget.previousElementSibling.i...

			
		

	





	

		

			

				
					
如何根据event.target得到标签元素的名字

				
			

			

				

					www.hohode.com
				

				

					02-16
					
					6939
					
				

			

		

		

			
				
var localName=$(event.target)[0].localName;
当然可能不用jquery也可以得到,但是我没有测试!

			
		

	





	

		

			

				
					
【Vue】Vue3.0（二十一）Vue 3.0中 的$event使用示例

					
最新发布

				
			

			

				

					qq_39666711的博客
				

				

					11-11
					
					1608
					
				

			

		

		

			
				
时，要确保事件处理函数的参数顺序和类型与实际需求相符，以便正确地获取和使用事件相关的信息。函数，这样就可以在函数内部访问鼠标点击的原生事件对象的属性。'接收到自定义组件传递的数据：'框中用户输入的最新文本内容。，它包含了自定义组件通过。'用户输入的内容：'需要注意的是，在使用。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值