如何用jQuery或JS禁用URL地址栏悬停时的光标以阻止编辑？

嘿，这个问题得先给你明确一个关键限制：浏览器的原生地址栏属于浏览器自身的UI组件，网页层面的JavaScript或者jQuery根本没有权限去修改它的交互行为——这是浏览器的安全机制在兜底，防止恶意网页篡改浏览器的核心功能，保护用户的浏览安全。

简单来说，你没法通过网页脚本直接禁用原生地址栏的光标或者阻止编辑，因为浏览器会把网页内容和自身UI完全隔离开，网页脚本碰不到地址栏的任何事件或样式。

不过，如果是你在网页里自己实现的模拟地址栏（比如用<input>标签做的仿地址栏组件），那完全可以用JS/jQuery来实现你的需求，下面给你几个可行的方案：

方案1：直接禁用输入框 #

这是最直接的方式，把模拟地址栏的输入框设置为禁用状态，这样既不能编辑，鼠标悬停也不会出现文本光标：

// 原生JS写法
document.getElementById('custom-address-bar').disabled = true;

// jQuery写法
$('#custom-address-bar').prop('disabled', true);

方案2：阻止焦点获取 #

如果不想让输入框看起来是“禁用”的灰色样式，可以监听焦点事件，一旦输入框要获取焦点就立即让它失去焦点，这样就不会出现光标：

// 原生JS写法
const addressInput = document.getElementById('custom-address-bar');
addressInput.addEventListener('focus', function(e) {
  e.preventDefault();
  this.blur(); // 强制失去焦点
});

// jQuery写法
$('#custom-address-bar').on('focus', function(e) {
  e.preventDefault();
  $(this).blur();
});

方案3：CSS配合增强效果 #

可以再搭配CSS，让鼠标悬停时显示默认光标，同时禁止选中文本，进一步强化“不可编辑”的体验：

#custom-address-bar {
  cursor: default; /* 鼠标悬停显示默认箭头光标 */
  user-select: none; /* 禁止用户选中文本 */
}

总结一下：原生浏览器地址栏没法通过网页脚本控制，但自定义的模拟地址栏可以轻松实现你的需求~

内容的提问来源于stack exchange，提问作者Anil Kumar Reddy