位置: 编程技术 - 正文

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实现的项目)

  • 股权转让交印花
  • 受托加工开票如何选名称
  • 存货核算的内容是什么
  • 应付销售方代垫的运费计入什么科目
  • 软件使用权收入怎么计算
  • 计提应收的增值税返还
  • 有限公司能否申请破产
  • 一般纳税人能不能开3个点的专票
  • 计提社保贷方科目是什么
  • 建筑企业增值税怎么算
  • 高新技术企业季报填报
  • 房地产项目管理三大核心
  • 房地产企业借款费用
  • 无息银行承兑汇票
  • 质量管理体系认证证书在哪里办
  • 公司结业清算后多久注销
  • 小规模纳税人亏损交所得税吗
  • 挂靠经营的纳税人
  • 如何将货物卖出去
  • 工资表附在哪张凭证后面
  • 包工包料装修
  • 公司发工资了
  • 研发费用计入什么科目符合资本化
  • 购物卡销售的重点工作是什么
  • 境外代扣代缴企业所得税的计税依据包含企业所得税嘛
  • mxtask.exe - mxtask是什么进程文件 有什么用
  • 【安装 】
  • 合伙企业利润分配首要依据
  • 无票收入怎么计算1%税率
  • 杭州西湖古风
  • 微信小程序商城源码php
  • 微信小程序云开发控制台
  • Yii2针对游客、用户防范规则和限制的解决方法分析
  • 预先支付的房租
  • 销售边角料的会计分录
  • 购买方已认证怎么开具红字信息表
  • 个人所得税经营所得
  • 递延收益为什么是递延所得税资产
  • 收到税务局退税怎么入账
  • 什么是税金?
  • 现金短缺或溢余指的是什么
  • 个税申报汇算清缴流程
  • 不入库存商品直接走成本会怎样
  • 代扣代缴消费税怎么算
  • macos添加用户
  • 一般纳税人企业所得税税率
  • 利息收入应该怎么记账
  • 暂估入库没有票怎么冲掉
  • 不得抵扣增值税的情形
  • 银行付款明细
  • 设备租赁公司怎么样
  • 母公司代子公司收款,子公司开具发票
  • 过期食品返厂会重新打日期吗
  • 电子承兑汇票的风险有哪些
  • 收入与费用配比也就是费用要由收入补偿
  • 发票边上的孔有什么用
  • 保洁阿姨工资怎么扣税
  • kb4022719安装失败
  • win7激活失败提示错误代码0x80072F8F
  • win10预览版21390
  • Xp系统设置ip地址
  • gentoo安装教程2021
  • Linux系统启动文件在哪个文件
  • manager是啥
  • jetcar.exe - jetcar是什么进程 有什么作用
  • win7系统打开我的电脑一闪
  • windows7的开机启动项在哪里
  • Win7旗舰版系统镜像文件
  • linux内核怎么使用
  • unity and unity
  • python语言基础与应用答案
  • html标签自动换行
  • python复制文件内容
  • jquery中的css方法
  • amd模拟intel
  • android 圆形图片
  • 山东省国家地税局官网
  • 如何查询车辆购置税
  • 河南地税申报表怎么填
  • 工会经费上缴地方工会15%的规定
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设