HTML
文章平均质量分 78
yxp_xa
热爱生活
展开
-
vue2实现最简toast
之前用过基于 jQuery 的无阻塞式 toast,也用过基于 vue 的信息提示框,其实这玩意几行代码就能解决,不用引用一个几十 kb 的 js 和 css 文件。原创 2024-04-30 13:56:30 · 182 阅读 · 0 评论 -
vue 实现弹出菜单,解决鼠标点击其他区域的检测问题
vue 解决的思路:将菜单区域的点击事件用 stop 修饰,在最外层调用鼠标单击事件关闭菜单,由于菜单区域已被 stop 停止冒泡,因此菜单区域的单击并不会关闭自己。这样,不需要增加任何逻辑代码,只需要在单击事件后增加一个 .stop 后缀来修饰。// 弹出菜单跟随按钮位置而移动,这里需要二次渲染(1 显示菜单,2 移动菜单)// 鼠标点击全部区域,菜单区域的单击被阻断冒泡不会触发此函数。弹出菜单应该具有的功能,当鼠标点击其他区域时,则关闭该菜单。原创 2023-09-25 23:27:03 · 776 阅读 · 0 评论 -
Vue 实现 html 表格 (grid) 单元格编辑功能 2
第一版表格编辑实现是刚学VUE时硬凑出来经过网上的不断学习,代码精简功能增强,没有下载积分的朋友欢迎复制转载。主要改进功能: 1. 单元格不需要点击两次才能输入 2. 单元格编辑时边框不需要重新绘制 3. 取消 vue 的 key 值更新刷新表格原创 2022-12-23 17:45:18 · 1772 阅读 · 0 评论 -
Vue 实现 html 表格 (grid) 单元格编辑功能
这里写自定义目录标题Vue 实现表格单元格的原位编辑起初功能问题期待天降大神前来解救。Vue 实现表格单元格的原位编辑这里是 Vue 初学者的笔记,老鸟请回避。如果你是热心的前辈,热切期盼您留下宝贵的意见。起初有一个小需求,我希望通过浏览器读入 excel 文件,并可以在网页上修改数据,查了一些 grid 编辑的 JS 插件,真是多如牛毛,导致了我的选择困难症发作。而为了编辑几个简单的数据,专门引入插件似乎有点不划算,我决定自己写。花一个小时认真阅读 Vue 介绍后开始动手码砖,成功如下:功能原创 2022-02-09 20:00:50 · 3052 阅读 · 0 评论 -
如何检测 html 的 input file 控件在文件输入时,用户点击了“取消”
在使用 input file 控件监听用户文件选择弹出框的取消动作,出现了很大困难,input file 设计为文件打开动作与 change 事件相关,因此在 change事件内对取消动作判定无效,因为 change 事件不会被激发。所以判定代码不会执行。原创 2019-12-25 12:02:45 · 2727 阅读 · 0 评论 -
浏览器网页操作 EXCEL 示例
网页 EXCEL 操作示例在网页中利用第三方 xlsx 插件,可以很方便的对 excel 文件进行操作,以下是一个简单的入门级代码演示,复杂的样式设置需要付费的VIP版本,但是普通版本的功能已经足够使用。html5 的 input-file 控件有一个bug至今无法解决,希望路过的高人不吝赐教。效果图源代码<!DOCTYPE html><html><h...原创 2020-03-31 23:14:45 · 2691 阅读 · 2 评论