MICUU
心情
所有
图集
登录
搜索
原创
alpineJs的鼠标右键点击事件
米醋儿
发布于:2023-01-04
话不多说，直接上代码。 ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>alpineJS</title> <script src="./js/alpine.min.js" defer></script> </head> <body> <div x-data="myFunInit()" x-init="testInit()"> <div> 成本名称是： <span x-text="quote.name"></span> <br> <button @contextmenu.prevent="show($event)">测试鼠标右键</button> </div> </div> </body> <script> //定义初始化函数 myFunInit function myFunInit() { return { "quote": { "name": "chushihua" }, //定义 x-init 的初始化函数 testInit() { fetch('/22.json', { method: 'GET', headers: { 'Content-Type': 'application/json' }, }) .then(response => response.json()) .then(data => { this.quote = data.res }) }, show(e) { console.log("e: ", e); console.log("e.x: ", e.x); console.log("e.y: ", e.y); event.stopPropagation(); //阻止点击穿透事件 } } } </script> </html> ```
注:原创不易,转载请注明出处(
https://micuu.com/new/3175.html
)，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。
最后修改与 2023-01-06
上一篇：
“网络热门美少女”迷之呆梨-炙热
下一篇：
alpineJs的事件传递-dispatch
留言反馈
请先登录
问题反馈渠道，如有软件无法下载或者其他问题可反馈。【由于某种原因，目前留言不展示】
用户需要登录后才能留言反馈
立即留言
珍藏视频
10分钟高效燃脂
30天高效瘦脸操
5分钟缓解颈椎操
友人
微博
全民K歌
唱吧
今日头条
悠悠网
科技小锅盖
彼岸桌面
阮一峰
laravel社区
V2ex
掘金
更多>
