如何选择（突出显示）输入文本框中的文本

发布于 2024-12-29 19:59:09 字数 682 浏览 2 评论 0原文

您好，我正在使用 haml 和 coffescript 来编写我的代码。

代码片段如下

//haml code for input box and value
%input.detail_text{value: "<%= 'http://dailymus.es/#!/' + answer.user.nickname + '/muses/' + answer._id %>"}

文本输入显示（在模态中）

在此处输入图像描述

如何修改我当前的coffescript代码这样当我渲染模态视图时，框中的文本将突出显示，如上所示。

我尝试使用以下代码但无济于事

//code to render the modal view
render: ->
    $(@el).html @template(@model.toJSON())
    //this is where I attempt to select the input box via jQuery and selecting the text
    $(@el).find('input.detail_text').focus().select()
    @

提前致谢

原文

Hi I am using haml and coffescript to write my code.

The code snippets are as follows

//haml code for input box and value
%input.detail_text{value: "<%= 'http://dailymus.es/#!/' + answer.user.nickname + '/muses/' + answer._id %>"}

Text input display (in a modal)

enter image description here

How can I modify my current coffescript code so that when I render my modal view, the text in the box will be highlighted as shown above.

I tried with the following code with no avail

//code to render the modal view
render: ->
    $(@el).html @template(@model.toJSON())
    //this is where I attempt to select the input box via jQuery and selecting the text
    $(@el).find('input.detail_text').focus().select()
    @

Thanks in advance

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你穿错了嫁妆 2025-01-05 19:59:09

这是选择范围的更高级功能：

$.fn.selectRange = function(start, end) {
    return this.each(function() {
        if (this.nodeName === "INPUT"){
            var inputStart = Math.min(start || 0, this.value.length);
            var inputEnd = Math.min(
                               Math.max(end || this.value.length, inputStart),
                               this.value.length);
            if (this.setSelectionRange) {
                this.focus();
                this.setSelectionRange(inputStart , inputEnd);
            } else if (this.createTextRange) {
                var range = this.createTextRange();
                range.collapse(true);
                range.moveEnd('character', inputEnd);
                range.moveStart('character', inputStart);
                range.select();
            }
        }
    });
};

学分： http://programanddesign.com/js /jquery-select-text-range/

Here is more advanced function to select range:

$.fn.selectRange = function(start, end) {
    return this.each(function() {
        if (this.nodeName === "INPUT"){
            var inputStart = Math.min(start || 0, this.value.length);
            var inputEnd = Math.min(
                               Math.max(end || this.value.length, inputStart),
                               this.value.length);
            if (this.setSelectionRange) {
                this.focus();
                this.setSelectionRange(inputStart , inputEnd);
            } else if (this.createTextRange) {
                var range = this.createTextRange();
                range.collapse(true);
                range.moveEnd('character', inputEnd);
                range.moveStart('character', inputStart);
                range.select();
            }
        }
    });
};

Credits: http://programanddesign.com/js/jquery-select-text-range/

回复收藏 0 原文

~没有更多了~