javascript - 使用 onkeyup 事件在输入表单的文本两侧添加方括号？

Question

我希望在输入表单的文本字段中输入时，方括号自动出现在文本字符串的两侧。结果需要与 onkeyup 事件一致。

这是 .php 文件中的一段代码:

$generator .= '<div class="plugin_input_wrapper">';
$generator .= 'Enter your text:';
$generator .= '<input class="text-box" type="text" id="plugin_bottom_text" maxlength="25" name="plugin_bottom_text" onkeyup="plugin_text_type();">';
$generator .= '<span class="text">&nbsp Font size:</span><input class="text-box2" type="text" id="plugin_text_font_size" maxlength="2">&nbsp px</div>';

这可能与内联 Javascript 相关吗？

Answer 1

如果在用户键入时执行此操作，用户会感到非常困惑。一种让它不那么令人惊讶的方法是在失去焦点(模糊)后添加括号。这是一个片段:

<form>
    <input type="text" onblur="this.value = '[' + this.value + ']'"/>
</form>

这是实际操作:http://jsfiddle.net/3ZwRL/1/

编辑:PHP 看起来像这样:

$generator .= '<form>'
$generator .= '<input type="text" onblur="this.value = \'[\' + this.value + \']\'"/>'
$generator .= '</form>'