gpt4 book ai didi

javascript - 使用 JS 或 Jquery 检测 textarea 中的 url

转载 作者:行者123 更新时间:2023-11-30 07:01:00 24 4
gpt4 key购买 nike

如何检测(在文本区域或其他输入中)用户是否已完成输入 url,就像 Facebook 在其主要表单中所做的那样?

类似 this 的解决方案工作,但仅当用户完成键入并执行操作(例如单击按钮)时。

我希望在整个条目中检测 url,例如检查每个空格后键入的单词。

提前谢谢你。

最佳答案

这是一个关于如何做到这一点的例子:

$(function() {
"use strict";
var url = /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi;

$("#textarea").on("keyup", function( e ) {
var urls, output = "";
if ( e.keyCode !== 8 && e.keyCode !== 9 && e.keyCode !== 13 && e.keyCode !== 32 && e.keyCode !== 46 ) {
// Return is backspace, tab, enter, space or delete was not pressed.
return;
}

while ((urls = url.exec(this.value)) !== null) {
output += urls[0] + ", ";
}
console.log("URLS: " + output.substring(0, output.length - 2));
});
});

当然,您必须绑定(bind)其他事件,例如 .blur()使其正常工作。

尝试以下 fiddle 并在您键入时检查您的控制台:http://jsfiddle.net/sQVe/mXQrc/1/

关于javascript - 使用 JS 或 Jquery 检测 textarea 中的 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12093350/

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