位置: 编程技术 - 正文

jquery自定义右键菜单、全选、不连续选择(jquery自定义的方法有哪些)

编辑:rootadmin

推荐整理分享jquery自定义右键菜单、全选、不连续选择(jquery自定义的方法有哪些),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery右键菜单,jquery自定义组件,jquery右击事件,jquery有自定义选择器吗,jquery自定义右键菜单,jquery自定义右键菜单,jquery右键菜单,jquery自定义右键菜单,内容如对您有帮助,希望把文章链接给更多的朋友!

最近在项目中要实现一些自定义效果,例如右键菜单、全选、不连续选择等等,个人认为主要是理清楚逻辑和事件关系。要实现这些,也有现成的插件可以用,如jQuery UI的selectable。

1、右键菜单当浏览网页时,单击鼠标右键(或ctrl+触模板左键)会出现浏览器默认的右键菜单项,就像这样子的:

但是当要对某个元素自定义右键,像这样子的:

jquery自定义右键菜单、全选、不连续选择(jquery自定义的方法有哪些)

就必须得先禁用浏览器默认的菜单,需要监听contextmenu事件,关键代码如下:

2、全选默认的ctrl+A(MAC下是command+A)会选择整个网页或者某个获得焦点的可编辑元素。

如果页面中只有这两个div,按下ctrl/cmd+A这两个div都会被选中,若只想选择div#box的内容,简单地方式是给该div加上contentEditable=true。另外一种方式就是键盘事件的监听。

模拟选中div#box所有子元素p并高亮:

3、shift实现连续的选择shift结合鼠标右键实现元素的连续选择,这里对其进行简单模拟。

按住shift时,浏览器有默认的连选,先禁用掉:

对于低版本的IE,利用selectstart事件:

给p注册click事件,同时要监听document对象的keydown和keyup事件:

4、不连续选择不连续选择需要监听ctrl键(mac下command键),同时给元素注册click事件。

标签: jquery自定义的方法有哪些

本文链接地址:https://www.jiuchutong.com/biancheng/383033.html 转载请保留说明!

上一篇:jQuery使用模式窗口实现在主页面和子页面中互相传值的方法(使用jquery实现的项目)

下一篇:基于jQuery实现仿51job城市选择功能实例代码(使用jquery实现的项目)

  • 所得税汇算清缴招待费扣除标准
  • 属于印花税征税对象的是
  • 银行存款支付运费会计科目
  • 工亡赔偿金如何支付
  • 做账一定要银行对账单吗
  • 工会经费入账
  • 减免的所得税额怎么入账
  • 收购定额发票
  • 银行卡待报解预算收入是什么钱
  • 收到总公司投资款怎么做账务处理
  • 共同开发无形资产怎么算
  • 高原补贴算工资吗
  • 增资扩股投资方要交印花税吗
  • 投资收益是否缴纳印花税
  • 不得抵扣且未抵扣什么意思
  • 个体户开票要交印花税?
  • 购销合同印花税计税依据
  • 申报工会经费怎么做账
  • 专用发票可以抵扣吗
  • 火车票进项税在哪里认证
  • 小规模本月应交增值税次月交可以不计提吗
  • 计算机系统结构第三版课后答案
  • 应交所得税的计算公式excel
  • 专项资金单独核算的法律依据是什么
  • 开增值税发票折扣额怎么开出来的?
  • 不能抵扣的费用
  • 中秋购物
  • PHP:Memcached::setMulti()的用法_Memcached类
  • 留底的进项税额记哪儿?
  • 公司付物业费没开发票
  • 企业所得税税款
  • 库房存货标准
  • 海关交税标准表
  • vue页面路由传参
  • 现金日记账采用三栏式
  • 简易计税办法和计税依据
  • 服务业增值税加计扣除账务处理
  • thinkphp框架作用
  • labelme目标检测
  • echarts series name
  • pytorch如何学
  • discuz怎么添加diy模块
  • 带折扣的发票如何入账
  • 本年利润年末必须为零吗
  • 劳务派遣业务的特点
  • Windows PostgreSQL 安装图文教程
  • 待处理财产损益是什么类科目借贷方向
  • 生活垃圾处理费合法吗
  • 附加税减半征收实例账务处理
  • 固定资产转移说明模板
  • 主营业务收入科目按其所归属的会计要素不同
  • 小规模发票跨月冲红怎么纳税申报
  • 报销原材料运输费怎么算
  • 支付上月采购货款
  • 客户逾期不付款,需要赔多少违约金
  • 固定资产多少钱入账
  • 年数总和法净残值怎么算
  • 商业企业会计制度变迁论文
  • 约当产量法下的加权平均法怎么算
  • windowxp操作系统
  • 5个经常被忽略的成语
  • 微软the initiative
  • fpt.exe
  • win7j
  • 复制打开网页
  • Linux服务器端口状态
  • surface使用
  • cocos2d教程
  • js中sort排序
  • 正则表达式语法 \d
  • cocos2dx 3.1.1 win8+eclipse环境下android游戏开发环境搭建
  • android 生成图片
  • activity之间的数据回传
  • 关于jquery的事件冒泡,以下描述正确的是
  • shell编程教程
  • python中time模块源代码
  • unity星球模型
  • python的读取和写入
  • 如何查询企业上市情况
  • etc可以抵扣吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设