• 2024-07-11react hooks实现对元素拖拽及鼠标滚轮缩放
    page.jsximport'./index.less';import{useDrag,useZoom}from'./hooks';constDragZoom=()=>{const{handleMouseDown,handleMouseMove,handleMouseUp}=useDrag();const{handleWheel,scale}=useZoom();re
  • 2024-05-23uniapp实现左滑显示编辑删除按钮
     【使用时可删除不必要的内容,我就是记录一下】方法一:详细借鉴(app):http://www.aliyue.net/10130.html方法二:详细借鉴(微信小程序):https://blog.csdn.net/weixin_41579185/article/details/117747252?spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-
  • 2023-11-28js event.target和event.currentTarget区别
    首先本质区别是:event.target返回触发事件的元素event.currentTarget返回绑定事件的元素事例<ahref="#"class="text-nowrapdropdown-itemdropdown-footerrole-link"role="aaa"><te(ddd)>test</te(ddd)></a>event.target取得是<te(dd
  • 2023-10-01[vue] event.currentTarget和 event.target的区别
    <divclass="aaa"@click="handleClick($event)"><divclass="bbb"></div></div>handleClick(event){//是你绑定事件的元素aaaconsole.log(event.currentTarget);//是你当前点击的元素bbbconsole.log(event.target);
  • 2023-08-23vue中$event的元素属性
    <template><div><button@click="clickFun($event)">点击</button></div></template><script>exportdefault{data(){return{}},methods:{check(event)
  • 2023-08-04[Javascript] event target and currentTarget
    <Parent><child><button/></child></Parent>functiononClick(event){console.log('target:',event.target)//buttonconsole.log('currentTarget',event.currentTarget)//parent}pa
  • 2023-08-03微信小程序7 事件绑定,传值,嵌套传值
    之前介绍的控件,比如按钮,单选,复选这些,通常我们都需要绑定相应的事件来实现功能。以button为例找到之前我们test页面的按钮,使用bind:tap绑定js事件<buttonbind:tap="clickBtn1">我是按钮1</button>在test.js中追加方法clickBtn1(){console.log("btn1isclick");
  • 2023-04-22微信小程序-事件传递数据
    事件对象小程序在触发事件监听方法的时候会自动传递一个事件对象给我们,通过这个事件对象我们可以拿到页面传递过来的一些数据。事件对象的作用拿到触发事件的元素:currentTarget拿到触发事件的位置:detail拿到从页面传递过来的数据:dataset/mark页面传递数据的方法datasetmark通
  • 2023-04-13微信小程序中target和currentTarget的区别
    微信小程序中target和currentTarget的区别<viewclass="outer-view"bindtap="outerHandler">​<buttontype="primary">按钮</button></view>点击内部按钮时,点击事件会通过冒泡的方式,向外扩散,触发view的tap事件,此时target指向触发事件源头,就是button,而c
  • 2023-02-02微信小程序-通过绑定事件进行传值
    <viewbindtap="node"data-num="5">点击传值:{{nums}}</view> data:{nums:null,},node(e){console.log(e.currentTarget.dataset.num);varn=e
  • 2023-01-15p20_事件绑定
    事件绑定什么是事件事件是渲染层到逻辑层的通讯方式。通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理。小程序中常用的事件事件对象的属性
  • 2022-11-11data-*的使用
    小程序中,要想实现数据的传输,我们必须先要在data中设置数据,然后才能进行传输,那么,data-的具体使用是:在wxml文件一个标签中,bindtap一个事件,然后写上data-*,这个*是自己定
  • 2022-10-19vue框架项目获取当前元素指定的元素
    //当前点击的元素e.target//绑定事件的元素e.currentTarget//获得点击元素的前一个元素
  • 2022-09-07小程序事件处理
    <!--pages/06_learn_event/index.wxml--><!--1.事件的基本使用--><buttonbindtap="onBtnTap">按钮</button><!--2.event中target和currentTarget区别--><viewi
  • 2022-08-24target与currentTarget
    在符合DOM2标准的浏览器中,事件对象都具有以下属性和方法。target表示当前事件最终捕获到的目标。<divclass="a">我是第一个节点a<divclass="b">我是第二