gpt4 book ai didi

javascript - 如何检测光标在哪一行?

转载 作者:行者123 更新时间:2023-12-01 05:51:13 26 4
gpt4 key购买 nike

我知道,这可能会变得非常复杂,也许几乎不可能,但也许你们中的某个人知道方法:

我目前正在为一种自行创建的简单语言(5 个关键字,WUHA!)编写一个编辑器,该语言已经运行得很好。但这不是重点,现在我想为其创建一个带有语法突出显示的编辑器。是的,如果可能的话,我希望它在线,所以我唯一的机会是 JavaScript/jQuery。

我还没有太多代码,这就是我到目前为止所得到的全部代码:

<!DOCTYPE html>
<html>
<head>
<title>Kevcode Editor</title>
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script>
$(document).ready(function(){
var keywords = ["KEYWORD2", "KEYWORD3", "KEYWORD4"];

$("#editor").keydown(function(e) {
if(e.keyCode == 13) {
//GET THE LINE HERE
//mark keywords here
}
});

});
</script>
</head>
<body style="background-color: grey;">
<label for="editor"><textarea id="editor" style="width: 1200px; height: 800px;"></textarea></label>
</body>
</html>

所以我的计划是创建一个 textarea ,如果我按 Enter(由键码 13 表示),我将运行一个脚本来检查每一行并重新着色关键字。但转念一想,如果检查整个脚本的话,会造成巨大的资源浪费。当然,脚本不会太长,有 5 个关键字,但如果我添加越来越多,检查整个代码就会很糟糕。所以我认为只要检查我更改的当前行就会节省我很多时间。但如何实现这样的逻辑呢?我怎样才能知道 jQuery 当前光标在哪一行?

抱歉,如果我解释不清楚,如果您有任何问题,请询问,我会提供尽可能多的信息。

哦,请不要给我完整的解决方案。我会出于培训目的这样做。

最佳答案

这将帮助您在文本区域中找到光标位置。

JavaScript:

var cursorPosition = $('#myTextarea').prop("selectionStart");

HTML:

<textarea id="myTextarea" rows="40" cols="50"></textarea>

关于javascript - 如何检测光标在哪一行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22042343/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com