HTML中的退格键

时间:2012-07-04 12:47:38

标签: html backspace

有没有办法在HTML中实现Backspace功能?我们有这个特殊的标签吗?

可以在StackOverflow本身中找到显示需要这样的东西的示例。请参阅Get current stack trace in Java。在最佳答案中,@ Jinguiy试图表达Thread.currentThread()。getStackTrace(),但由于网站对链接的解释,引入了不需要的空间。

如果有办法包括退格,可以避免这种情况。

这只是一个例子,但在许多我们无法控制输出的某些部分的情况下,在HTML中使用退格功能非常有用。

6 个答案:

答案 0 :(得分:5)

您可以使用负边距:

HTML:

<span>this is</span> <span class="backspace">a test</span>

CSS:

.backspace { margin-left: -4px; }

演示:http://jsfiddle.net/Guffa/HsCPd/

答案 1 :(得分:1)

HTML是无状态的,因此单独使用HTML不可能有退格功能。你可以用javascript做些什么来达到类似的效果。

另一种方法是在发送之前缓冲输出,然后处理缓冲输出。您可以滚动自己的退格标记,然后在处理缓冲区时,删除退格标记以及之前的字符/标记。

答案 2 :(得分:0)

据我所知,HTML没有标签可以做到。您需要在代码中添加其他语言才能执行此类操作。

答案 3 :(得分:0)

我不认为HTML中有这样的功能......但是,根据你想要实现的效果(仅仅是可视化问题吗?),你可以采取行动word-spacingletter-spacing

您也可以使用other techniques,例如在元素上设置负边距。

在您链接的特定示例中,空间是由CSS中的此规则引起的:

p code {
padding: 1px 5px;}

如果用firebug将其删除,则空格会消失,因为没有空格(尝试复制并粘贴文本)

相反,如果问题是文本中有不需要的空格,您可以尝试使用javascript(here an example)或使用服务器端语言处理文本

答案 4 :(得分:0)

Gulta的答案是最好的。以下是如何在html源代码中完成所有操作:

<!-- horizontal backspace; adjust the amount of space by changing 4px -->
<style type="text/css">span.backspace{margin-left: -4px}</style>
<!-- The above sets up a "backspace command" in html in the style css-->
this is<span class="backspace"></span>a test
<!-- which can be placed any where after, and will output
this isa test
-->

答案 5 :(得分:-1)

如果您正在寻找简单有效的方法让用户从您的网页返回 您可以使用此JavaScript代码

头部

<script>
 function goBack()
  {
   window.history.back()
  }
</script>

并在您的身体中插入HTML

<input type="button" value="Back" onclick="goBack()">

W3schools Source