我想在JavaScript中找出目前关注哪个元素.我一直在浏览DOM,但还没找到我需要的东西.有没有办法做到这一点,以及如何?
我之所以在寻找这个:
我正在尝试制作像箭头一样的键,并enter在输入元素表中导航.选项卡现在可以使用,但是输入,并且默认情况下不显示箭头.我已经设置了密钥处理部分,但现在我需要弄清楚如何在事件处理函数中移动焦点.
我想知道如何在点击锚标签时使用jquery将文本插入文本区域.
我不想替换textarea中的文本,我想将新文本追加到textarea.
我想创建一个简单的函数,将文本添加到用户光标位置的文本区域.它需要是一个干净的功能.只是基础知识.我可以弄明白其余的.
我有<textarea>用户可以向世界输入他的信息!下面,有上传按钮...我想添加上传文件的链接(不用担心,我有它); 就在他输入的文本旁边.
比如,他输入'Hello,world!',然后上传文件(通过AJAX完成),并在下一行添加到该文件的链接<textarea>.注意!是否可以将光标(他离开的位置)保持在同一个地方?
所有这些都可以通过jQuery完成......任何想法?我知道有方法'append()',但不会出现这种情况,对吧?
我想在按钮上使用javascript在文本框内的插入符号中插入一些特殊字符.如何才能做到这一点?
该脚本需要找到活动文本框并将该字符插入该文本框中的插入符号.该脚本还需要在IE和Firefox中工作.
编辑:也可以在先前活动的文本框中插入字符"last".
在来自图像的函数调用中,我试图将图像中的alt标记值插入到插入符当前所在位置的textarea中.
这是我目前拥有的代码,它将alt标记值插入文本区域的末尾.
$("#emoticons").children().children().click(function () {
var ch = $(this).attr("alt");
$("#txtPost").append(ch);
});
Run Code Online (Sandbox Code Playgroud)
我遇到问题的两件事是确定插入符号的位置,并在插入符号位置+插入的代码+插入符号后的textarea的值之前创建一个带有textarea值的新字符串.
我有一个TextArea,textBox和一个按钮.TextArea有一些文本,例如这是一只猫.
现在我的要求是如果有人在TextArea中设置光标位置并在文本框中输入文本并单击按钮,则文本应该附加在光标位置而不是最后.例如
TextArea:这是一只猫.光标位置:在文本框中的"a"输入文本后:黑色
输出:这是一只黑猫.
我怎么能用javascript做到这一点.
提前致谢.
我有一个带有一些单词和文本的文本框.我想要做的是,当用户点击一个按钮时,从指针的当前位置向文本框的文本添加一些单词.如何做到这一点?这是文本框和按钮:
<textarea id="txt" rows="15" cols="70">There is some text here.</textarea>
<input type="button" id="btn" value="OK" />
Run Code Online (Sandbox Code Playgroud) 我有控制器MyCtrl和指令myText.当模型中的MyCtrl变化,我想更新textarea的myText插入在当前位置/插入符文本指令.
我试图重用这个插入文本的代码,其中游标使用Javascript/jquery
我的代码:http://plnkr.co/edit/WfucIVbls2eekL8kUp7e
这是我的HTML:
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link href="style.css" rel="stylesheet" />
<script data-semver="1.2.10" src="http://code.angularjs.org/1.2.10/angular.js" data-require="angular.js@1.2.x"></script>
<script src="app.js"></script>
</head>
<body>
<div ng-controller="MyCtrl">
<input ng-model="someInput">
<button ng-click="add()">Add</button>
<p ng-repeat="item in items">Created {{ item }}</p>
</div>
<textarea my-text="">
</textarea>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
使用Javascript:
var app = angular.module('plunker', []);
app.controller('MyCtrl', function($scope, $rootScope) {
$scope.items = …Run Code Online (Sandbox Code Playgroud) 我在这里构建一个简单的模板系统。基本上我已经设置了将预设变量添加到textarea.
问题是我希望能够textarea在我的光标所在位置添加文本。就像当您在 stackoverflow 上单击编辑器窗口中的 URL 链接以获取帖子时,该链接将添加到您的光标所在的位置。
我怎样才能做到这一点?并且可以使用原型JS来完成吗?
我正在升级一些适用于IE的Javascript.但是,我遇到了一些问题.
继承人IE代码:
var range = document.getElementById('text').contentWindow.window
.document.getElementById('Content').createTextRange();
var textObj = document.getElementById('text').contentWindow.window
.document.getElementById('Content');
var textFieldValue = theSmile;
if (range && textObj.CursorPos) {
var CursorPos = textObj.CursorPos;
CursorPos.text = CursorPos.text.charAt(CursorPos.text.length - 1)
== ' ' ?' ' + textFieldValue : textFieldValue;
} else {
textObj.value = textFieldValue;
}
Run Code Online (Sandbox Code Playgroud)
我试着更换CreateTextRange用CreateRange非IE浏览器,但是这并没有帮助.使用这样的代码:
var range;
var textObj;
var iframeEl = document.getElementById('text');
if (iframeEl.contentDocument) { // DOM
range = iframeEl.contentDocument.getElementById('Content').createRange;
textObj= iframeEl.contentDocument.getElementById('Content');
} else if (iframeEl.contentWindow) { // IE win
range = iframeEl.contentWindow.document.getElementById('Content') …Run Code Online (Sandbox Code Playgroud) 如何替换html textarea中的选定文本?
mardagz 至 [b]mardagz[\b]
这是我的代码,但不会工作..
function getSelectedText(){
if(window.getSelection){
return window.getSelection().toString();
}
else if(document.getSelection){
return document.getSelection();
}
else if(document.selection){
return document.selection.createRange().text;
}}
function bbrep(start, end){
$("#pPost").val($("#pPost").val().replace(getSelectedText(), start + getSelectedText() + end))};
Run Code Online (Sandbox Code Playgroud)
键
$("#bbbold").click(function(){
bbrep("[b]", "[/b]");
return false;
})
Run Code Online (Sandbox Code Playgroud)
有谁有这个想法?:)
我有一个contentEditablediv和一个emojies图像列表.我要做的是当用户点击图像时,应该在光标位置插入图像标签.
我厌倦了这样做,但这段代码只在div的末尾插入图像,这对我来说并非如此
$("#editable").append($(this).id); // $(this) is the image tag
Run Code Online (Sandbox Code Playgroud)
我该如何解决我的问题?jsfiddle:http://jsfiddle.net/7VNTn/
javascript ×10
jquery ×7
textarea ×3
dom ×2
add ×1
angularjs ×1
firefox ×1
formatting ×1
html ×1
hyperlink ×1
prototypejs ×1