h5在元素上绑定事件，传this

于 2023-08-18 21:00:23 发布
阅读量159 收藏
点赞数
文章标签： 前端 java javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fu_miao_qi_lai/article/details/132369115
版权 
<div onclick="AddDel(this)">点击</div>
function AddDel(e){
    console.log($(e));
}
//$(e)是一个jq对象

 

扶喵起来
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
jQuery中对未来的元素绑定事件用bind、live or on
10-26
主要介绍了jQuery中对未来的元素绑定事件用bind、live or on,需要的朋友可以参考下
移动端H5上下滑屏翻页demo
03-27
移动端H5上下滑屏翻页demo，本人已做优化，直接在分页内添加内容，就可以看到每页翻页的内容，自适应屏幕大小，直接可上项目
H5-多事件绑定
小图的专栏
01-26 2456
“人生不止眼前的苟且 还有诗和远方。” 或许是工作后迷茫的过久想让自己沉淀下来，才决定开始写写东西。开始步入正题，一种模式代码写久了就会让自己厌烦。不知道大家是不是和我有同样的感觉。好像从开始做H5开始，在触发节点事件的时候都是用$(id/class).live(eventType,function(){});这种方式。重复性很高，有时候一个页面就有三四个差不多的函数。今天打算换一
html5 绑定事件的写法,HTML标签伪元素绑定事件的三种方式
weixin_42298415的博客
06-03 411
下面整理出几种简便方式实现click伪元素时进行事件处理，附上例子代码。HTML结构首先HTML结构是这样的按钮文字实现方法第一种通过CSS3的pointer-events特性来实现。CSS代码*{margin:0;padding:0;}section{border:1pxsolid#abc;border-radius:5px;background-color:#def;font-family:M...
h5 给元素添加事件
ioszhanghui的博客
04-18 5095
1)普通的<button>标签 <button onclick='testClick()' id ='testClick' >按钮事件</button> 1.1通过事件属性onclick="函数"来实现onclick='testClick()' 1.2通过获取标签元素，然后对应其onclick事件 //通过获取元素添加事件 ...
【H5】 移动端的基本事件
seimeii的博客
02-24 1785
1、PC端事件 onclick 鼠标点击触发 onmousedown 鼠标按下触发 onmousemove 鼠标移动触发 onmouseup 鼠标抬起触发 2、移动端触屏事件 ontouchstart 手指按下触发 ontouchmove 手指移动触发 onTouchend 手指抬起触发 3、PC端事件和移动端事件的区别 通过on的方式添加touch事件在谷歌模拟器下无效 通过on的方式添加事件会前后覆盖 鼠标事件在移动端可以使用，但有300毫秒的延迟 4、事件监听 1 addEventLis
给div添加onClick事件
weixin_30325971的博客
08-23 762
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>click_div</title> 5 <meta charset="utf-8"> 6 7 <style type="text/css"> 8 ...
h5单页面上拉刷新下拉加载
10-16
js+css，tab选项卡，每个选项可以上拉刷新数据，下拉加载更多
html5 svg 中元素点击事件添加方法
12-13
最近在用svg的点击事件做东西，之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件，他们之间详细的区别如下： Canvas 与 SVG 的比较（详见） 下表列出了 canvas 与 SVG 之间的一些不同之处。 Canvas •...
H5基于iScroll实现下拉刷新和上拉加载更多
08-29
主要为大家详细介绍了H5基于iScroll实现下拉刷新和上拉加载更多效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
js:IOS的html中div绑定onclick失效
qq_35220627的博客
05-08 867
PC端、安卓和以前的ios上是正常的，但是ios高版本下onclick就失效了。但是真机测试还是不行，点击后无反应，查了一下移动端触摸事件touch对于安卓和ios都比较友好，touch事件touchstart、touchmove、touchend。//防止cursor加了部分IOS出现背景。var isIOS=!//指针悬停出现手的样式。
Vue-事件
qq_56973906的博客
08-30 512
Vue的按键修饰符使用v-on:event.xxx，其中event为按键事件，xxx为键码或键码别名，如v-on:keydown.13或v-on:keydown.enter就表示：当按下回车键时才触发keydown方法。事件触发方法时的参数传递：可以传递普通参数，也可以传递事件对象$event,设置参数不传参时。与按键别名不同的是，修饰键和 keyup 事件一起用时，事件引发时必须按下正常的按键。可以看见点击div2时只冒泡了它的事件,点击div3时只冒泡了div3和div2。...
html中div中的onclick事件,javascript – html div onclick事件
weixin_35853464的博客
06-09 2805
问题是点击锚点仍然触发了您的< div>中的点击.这就是所谓的“event bubbling”.其实有多种解决方案：>检查DIV点击事件处理程序是否实际的目标元素是锚点→ jsFiddle$('.expandable-panel-heading').click(function (evt) {if (evt.target.tagName != "A") {alert('123')...
IPhone中H5页面用on绑定click无效的解决方法
10-22 410
首先声明本人资质尚浅，本文只用于个人总结。如有错误，欢迎指正、共同提高。 ----------------------------------------------------------------------------------- 首先问一句？ 为什么移动页面还在用click方法？假如必须用click，且遇到如标题所示bug,下文便是解决之道。当然，如果不用必须用click...
移动H5页面点击事件绑定失效的解决方法
qq_39464730的博客
05-03 6239
最近做了一个H5的小游戏，遇到过页面点击事件在IOS上绑定失效的问题，查询的相关问题后，总结了几种出现问题情况：1、点击事件在IOS上没有绑定成功    原因是在ios系统中,例如document,div,body这些本身并没有可以被点击的属性的元素不能作为托管点击事件的父元素。所以,用这样的方法进行事件托管，ios会获取不到你的document的点击事件，自然无法获取到你想要绑定的元素身上。  ...
html中绑定点击事件的三种方法
热门推荐
dong123ohyes的专栏
09-20 4万+
HTML中为button绑定事件的方式有三种。 例如以下标签： 1 submit 一、使用jquery进行绑定 1 2 $('#btn_submit').click(function(){ }); 二、使用原生js绑定，（注意：Internet Explorer 8 及更早IE版本不支持 addEventListener() 方法，Opera 7.0 及 Opera 更早版本也不支持。 这类浏览器版本要使用 attachEvent() 方法来添加事件） 1 2 document.getElementById
jQuery与js绑定事件的几种写法（以单击事件示例）
zhumengstyle的博客
08-01 6592
jQuery与javascript使用方法在很多方面，都有所不同，下面主要以demo的形式，说明绑定点击事件时，两者的不同写法，以便区分使用： //html部分<button id="all_move">按钮>></button>//绑定‘单击事件’的jQuery 写法一： $('#all_move').click(function(){ alert('AA'); }) //绑定‘单击事
H5绑定的click事件在ios上失效的问题
linfng023的博客
08-20 2053
绑定的click事件在ios上失效的问题 项目中遇到的问题,在H5做下拉菜单时,需要在点击空白处就隐藏菜单,于是就给document绑定了click事件 但是绑定的事件却只能在pc端和android上才能生效使用,在ios上就失效了,在网上搜索了此类的问题,大概就是ios系统上,document,body或div这些元素默认是没有点击事件,所以当把click事件委托给这些元素时,在ios上就会失...
javascript动态生成按钮并绑定点击事件
海峰的博客
10-07 4万+
前一个多月公司的前端开发人员离职，公司一直在招前端，基本上每天都有几个来面试的人，就这个面试频率，也才招了一个多月才招到。绝大部分都是死在了一道上机面试提上。题目很基础，但也很考基本功，基本上才3%左右的人做出来。当时我就在想以我的半吊子前端知识挑战一下这个题目。之前一直忙着把Android项目弄上线，修改bug，一直没时间。现在国庆节放假，发了一天时间把前端又看了下，然后理所当然的就写出来了，功
uniapp实现h5下拉触发加载下一页
最新发布
08-25
在uni-app中，你可以通过监听页面滚动事件来实现H5下拉触发加载下一页的效果。下面是一个简单的示例代码： 1. 在页面的`<script>`标签中，定义一个变量`currentPage`来表示当前页数，以及一个布尔变量`isLoading`来表示是否正在加载数据。 ```vue <script> export default { data() { return { currentPage: 1, isLoading: false }; }, methods: { // 加载下一页数据的方法 async loadNextPage() { if (this.isLoading) return; this.isLoading = true; // 模拟异步加载数据 await new Promise(resolve => setTimeout(resolve, 1000)); // 加载完成后更新当前页数和加载状态 this.currentPage++; this.isLoading = false; }, // 监听页面滚动事件 onScroll(event) { // 获取页面滚动的距离 const scrollTop = event.target.scrollTop; const scrollHeight = event.target.scrollHeight; const clientHeight = event.target.clientHeight; // 判断是否滚动到底部，并且不是正在加载数据 if (scrollTop + clientHeight >= scrollHeight && !this.isLoading) { this.loadNextPage(); } } } }; </script> ``` 2. 在页面的`<template>`标签中，将`@scroll`事件绑定到页面的根元素上，并使用`v-once`指令确保只绑定一次。 ```vue <template> <view @scroll.once="onScroll"> <!-- 页面内容 --> </view> </template> ``` 这样，当页面滚动到底部时，`loadNextPage`方法会被调用，你可以在该方法中触发加载下一页的逻辑。注意在真实的应用中，你需要根据自己的业务需求来实现具体的数据加载逻辑。

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值