JQuery按钮问题& onclick突出显示输入文字?

时间:2013-04-06 18:28:52

标签: jquery

JSFiddle: http://jsfiddle.net/j7Nuc/

我最初的问题是如何在点击下拉列表时突出显示字体大小,因为以下内容不起作用:

$('#Font-Size input:text').text().highlight('12');

然而,我所做的似乎是有缺陷的,有时不工作。

我真的不知道说什么是错的,因为它似乎并不总是相同的结果,唯一不变的问题我不知道如何修复是删除焦点(默认显示)文本输入字段。

最诚挚的问候, 添

2 个答案:

答案 0 :(得分:0)

尝试

$('#Font-Size input:text').select()

答案 1 :(得分:0)

以下是不同问题的答案:

1。)如果要在单击“下拉列表”时选择文本框值,可以使用.focus()方法。在下拉按钮的单击事件上,使用类似:

的内容
$('#Font-Size input:text').focus();

将焦点设置为文本框,该文本框将自动突出显示当前为12的文本框中的值。

更新的jsfiddle在这里:

http://jsfiddle.net/j7Nuc/1/

希望我已将.focus()放在正确的位置。请更正是否有必要进入if-else声明。

2.。)要取消选择,您可以随时使用.blur()方法。

3.。)要删除聚焦的默认样式(轮廓),可以使用

* {
    outline : none;
}

位于CSS文件的顶部。这将从所有元素中删除默认轮廓。这个实现的更新小提取是http://jsfiddle.net/j7Nuc/2/