Linux 实现鼠标侧边键实现代码与网页的前进、后退

这篇具有很好参考价值的文章主要介绍了Linux 实现鼠标侧边键实现代码与网页的前进、后退。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

之前一直是使用windows进行开发,最近转到linux后使用VsCode编写代码。

但是不像在win环境下,使用鼠标侧边键可以实现代码的前向、后向跳转。浏览网页时也不行(使用Alt + Left可以后退)。

修改键盘映射实在没有那么方便,所以要想点儿招解决这个问题。

热键工具 xbindkeys

经过一番查找,xbindkeys或许可以解决这一问题。
xbindkey本身还有图形化界面,此处只是记录一下最直接的解决方案。

Step1:安装工具包

sudo apt install xbindkeys xdotool

Step2:创建并修改配置文件

在home目录下,创建名为.xbindkeysrc的文件。
由于该文件默认不显示,需要使用Ctrl + H令其显示。
Linux 实现鼠标侧边键实现代码与网页的前进、后退

Step3:查看鼠标键位映射值

打开终端,输入

xev | grep button

之后会打开一个小窗口,在窗口内点击鼠标各个按键,可以看到
我依次按下左键,右键,滚轮,按住滚轮前滚、后滚,分别对应
button 1、button 3,button 2、button 4、button 5
Linux 实现鼠标侧边键实现代码与网页的前进、后退
由于我的鼠标已无其他键位,可以推测另外我的侧边键分别对应
button 6、button 7
(若另有其他按键,可以仿照上述步骤进行测试)

Step4:修改配置文件

打开step2中创建的文件,输入以下代码,如下图所示:

`"xdotool key alt+Left"
  b:6

"xdotool key alt+Right"
  b:7

Linux 实现鼠标侧边键实现代码与网页的前进、后退

此处我将原本用于回退的侧边键button 6 绑定为触发alt+Left,
用于前进的侧边键button 7 绑定为触发alt+Right

Step5:修改VScode中的键位映射

我们仿照网页的前进alt+Right、后退alt+Left,修改默认按键。
在VScode中,同时按下Ctrl + Shirf + P,打开命令栏,输入Open KeyBorad Shortcuts,打开键盘快捷方式;

搜索返回或者Go back,将原本的键绑定Ctrl + Shift + -或是你已修改过的其他键位,重新映射为Alt + LeftArrow
(此处我记得原本绑定Alt + LeftArrow的指令与多个终端有关,通常情况下用不上)

之后搜索前进或者Go Forward,照猫画虎,将该键位映射为Alt + RightArrow

Step6:令新的热键映射生效

此步骤有两种方法,

第一种是重启,因为xbindkey是默认开机启动的。

第二种方法就是杀掉xbindkeys进程,操作如下:

首先在终端中输入:

ps aux | grep xbindkeys

找到xbindkeys对应的进程,在我的电脑中此时进程号为5042
Linux 实现鼠标侧边键实现代码与网页的前进、后退

之后使用kill命令,关闭该进程:

sudo kill -9 5042

之后再输入xbindkeys,开启该程序,就可以了,如下图所示:

Linux 实现鼠标侧边键实现代码与网页的前进、后退

此时,就可以正常通过侧边键实现vscode与网页的前进后退了。


后文 - logiops不起作用

因为我的鼠标是罗技的MX Anywhere 3,github上有民间大神制作的鼠标驱动logiops,但是对我来说确实不怎么管用,不知道问题出在哪里。文章来源地址https://www.toymoban.com/news/detail-500699.html

到了这里,关于Linux 实现鼠标侧边键实现代码与网页的前进、后退的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • js控制浏览器前进、后退、页面跳转

    在JavaScript中,你可以使用  window  对象的  history  对象来控制浏览器的历史记录。以下是一些常用的方法: 前进和后退 : window.history.forward() : 前进到历史记录中的下一个页面。 window.history.back() : 返回历史记录中的上一个页面。 window.history.go(n) : 跳转到历史记录中的指定页

    2024年01月20日
    浏览(43)
  • Jetbrains IDE新UI设置前进/后退导航键

    2023年6月,Jetbrains在新发布的IDE(Idea、PyCharm等)中开放了新UI选项,我们勾选后重启IDE,便可以使用这一魔性的UI界面了。 但是前进/后退这对常用的导航键却找不到了,以前的设置方式( View - Appearance - Navigation Bar )也失效,因为 Appearance 中没了 Navigation Bar 选项。 以PyChar

    2024年02月11日
    浏览(43)
  • Selenium教程__界面的刷新、后退、前进操作(4)

    本文将介绍如何使用Selenium来实现界面的刷新、后退和前进操作,以便于测试、开发人员能够更好地控制和管理用户界面的交互行为。 通过学习本文内容,您将能够掌握Selenium中相关API的使用方法,并能够灵活地应用到您的项目中,从而提升用户体验和系统稳定性。  -事必有

    2024年01月19日
    浏览(40)
  • JS 刷新保持iframe页面并支持浏览器前进后退

    参考资料 html5新特性:利用history的pushState等方法来解决使用ajax导致页面后退和前进的问题 击按钮切换iframe的src,这个路径如何不会被记录到history中? iframe 后退 浏览器history 问题 ajax与HTML5 history pushState/replaceState实例 我们使用iframe嵌套自己系统的页面,但是浏览器刷新之后

    2024年02月09日
    浏览(48)
  • VSCode 前进和后退 (返回上一个浏览位置/下一个浏览位置)小箭头设置

    在VSCode写代码的过程中经常需要调到另一个函数,这时候需要快捷返回到原函数的位置,常用的快捷键是Alt+ LeftArrow,前进的快捷键是Alt+ RightArrow。 VSCode中还有一个直接点击就能前进和后退的快捷按钮,接下来就设置一下。 右键点击顶部菜单条,会弹出一个框,选中第二个就

    2024年02月11日
    浏览(56)
  • IDEA、Pycharm的前进、后退添加到工具栏以及快捷键的设置

    IDEA 安装后,前进和后退快捷按钮默认不在工具栏显示,需要手动将其添加到工具栏。

    2024年02月02日
    浏览(53)
  • 原生js实现网页淘宝产品展示效果,鼠标移入小图展示对应大图(事件委托、事件传播、冒泡机制)【含完整代码】

    淘宝网页产品展示模块如下: 当鼠标移入小图,在上方会相应地展示大图 当鼠标移入小图,在上方会相应地展示大图;且当鼠标移出,图片停留在移入时显示的图片,不会改变。 本文实现效果如下(鼠标移入即改变,不用点击): 定义图片列表,为列表添加鼠标移入事件

    2024年02月07日
    浏览(42)
  • 【C++/QT】QT实现侧边导航栏(附代码)

    没有背景,瞎玩的 界面挺原始的 代码链接 结构如下: a、添加 sideBar 到左侧 b、拖动四个 QToolButton c、放置 verticalSpacer d、右侧放置主窗口 stackedWidget ,删掉两个page e、修饰按键 在这里我把它命名为 HomeWindow、MonitorWindows、SettingWindow、AboutWindow 这样就可以实现切换了。 头文件

    2024年02月11日
    浏览(47)
  • 如何用JS实现网页上通过鼠标移动批量选择元素?

    简单说就是类似电脑桌面,通过鼠标选择多个图标的那种效果。如下: 原文:如何用JS实现网页上通过鼠标移动批量选择元素?-JS笔记-友人a的笔记丶 监测外部容器的mousedown、mousemove、mouseup事件来进行选择判断,大致dom结构如下: 大致实现过程: 鼠标按下,将选择框的位

    2024年02月09日
    浏览(52)
  • vue -若依管理后台默认样式修改(侧边栏/主题色/网页logo等)

    修改页面: srcassetsstyleselement-variables.scss 修改后样式:    修改页面:srclayoutcomponentsTagsViewindex.vue 找到  .tags-view-container = .tags-view-wrapper = .tags-view-item = .active  这里: 修改后样式:   【Vue项目搭建】修改【若依框架】的侧边栏、导航栏、面包屑样式、修改全局页面样式_若

    2024年02月12日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包