Javascript 触发器 "right arrow"关键事件 - 强制取消选择标签

标签 javascript jquery html

我想触发键盘事件以按“右箭头”键。目的是取消高亮。

我使用下面的代码将超链接插入编辑器内容。

var range = document.getSelection().getRangeAt(0);
var nnode = document.createElement("a");
range.surroundContents(nnode);
nnode.innerHTML = url;
nnode.setAttribute(url);
nnode.focus();

html

默认高亮显示。我想触发“右箭头”键以取消突出显示并将光标向右移动。我做了很多搜索,尝试了大部分解决方案,但我仍然得到了一个作品。我的环境是IE 11。

我可以寻求帮助吗?

谢谢!

最佳答案

所以..这是您要求的资源,但我有一个解决您突出显示问题的解决方案,但这些都不是。

资源:

How to trigger click on page load?

Detecting arrow key presses in JavaScript

Trigger an UP or DOWN ARROW key event through javascript


实际的解决方案使用 JQuery 和此资源:JavaScript Set Window selection

$("document").ready(function() {
   window.getSelection().removeAllRanges();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="myDiv">
I am some text!
</div>

请参阅 JSFiddle:JSFiddle

关于Javascript 触发器 "right arrow"关键事件 - 强制取消选择标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58313669/

相关文章:

javascript - 尝试使用 jQuery console.log 一个 id

javascript - 选择类(class)的第一个 child 在 <select> 中不起作用

javascript - 带有登录和搜索机器人的单页应用程序

javascript - iPad 和 Android 浏览器中的 KineticJS Sprite 动画故障

css - div列高

html - 在内联 svg 多边形中使用绝对和相对单位

javascript - 下面的函数闭包有什么问题?

Javascript,我如何调整这个 js 下拉菜单

javascript - 如何根据内容删除表格列?

javascript - jQuery 不工作(ReactJS、Bootstrap、Webpack)