使用onkeyup事件在输入表单的文本两侧添加方括号
Adding square brackets to either side of the text on an input form with a onkeyup event?
我希望在输入表单的文本字段中输入文本字符串时,方括号自动出现在文本字符串的两侧。结果需要与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">  Font size:</span><input class="text-box2" type="text" id="plugin_text_font_size" maxlength="2">  px</div>';
这是可能的内联Javascript吗?
如果在用户打字的时候这样做,会让用户很困惑。一种使其不那么令人惊讶的方法是在焦点丢失(模糊)时添加括号。下面是一个代码片段:
<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>'
使用jQuery作为快速hack和非常繁琐,但这是一个简单的方法:
$('.plugin_input_wrapper input').on('keyup', function() {
var oldVal = $(this).val().replace(/'[/g,'');
oldVal = oldVal.replace(/']/g,'');
var val = '[' + oldVal + ']';
$(this).val(val);
});
JSBin
只是获取正在输入的文本框的当前值,删除旧的括号并重新添加它们,然后注入到文本框
相关文章:
- Javascript,将文本添加到具有现有文本节点的元素中
- 选中单选框时,将文本添加到文本框中
- 为未标记的文本添加CSS样式
- 如何将表格中的文本添加到使用按钮输入的文本区域
- 有没有办法将mouseOver上的个人文本添加到完整日历中
- 改变“;onClick"这个jQuery的操作从清除输入文本改为将输入文本添加到下面的列表中
- 如何使用JavaScript将链接文本添加到电子邮件中
- 将动态验证文本添加到自定义jQuery验证规则中
- 将文本添加到每个数组元素的开头
- 单击将按钮中的文本添加到带有jQuery或JS的输入框中
- 通过按钮将不同的文本添加到文本区域-不起作用
- 如何为Fabric.js中的文本添加CSS属性
- 如何将预加载程序文本添加到jQuery Cycle 2中
- Javascript Regex exec 在向搜索文本添加属性/引号后冻结
- 如何在所有浏览器中向文本区域中的选定文本添加 标记
- jQuery将文本添加到放置在表格单元格中的图像中
- D3 垂直条形图为标签文本添加换行符
- 单击时从列表中将文本添加到文本框的方法
- 将文本添加到 D3 圆环图的中心
- 如何将非可变文本添加到javascript打印弹出窗口中