javascript - 该值被复制到文本区域,但片刻后消失

标签 javascript

我正在尝试将文本框的值复制到文本区域,但是该值是使用 javascript 函数复制的,但一秒钟后它就会从文本区域消失。我做错了什么?为什么复制后就消失了? 这是 HTML:

<html>
<head>
    <title>
    </title>
    <script src="scripts/script.js" type="text/javascript"></script>
</head>
<body>
    <form>
           <label>Key/Value Pair: </label><input type="text" name="inputText" id="t1"></br></br>
           <label>Key/Value List: </label><br>
           <textarea name="outputText" rows="10" cols="50"  id="t2" ></textarea><br><br>
           <input type="submit" value="Add" onClick="fn_copy()" />
    </form>


</body>

这是 JavaScript 代码:

function fn_copy()
{
    var temp = document.getElementById("t1").value;
    if(temp != "")
    {
        document.getElementById("t2").value = temp;
    }
    else
        alert("Text is Empty");
}

谢谢。

最佳答案

将按钮类型更改为 button而不是submit 。否则您的页面将被刷新(默认行为 submit ),因此您的文本区域的内容将重置。

<input type="button" value="Add" onClick="fn_copy()" />

关于javascript - 该值被复制到文本区域,但片刻后消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34701826/

相关文章:

javascript - 如何从特定行获取数据?

javascript - '&&' 运算符用 { this.props.children && React.cloneElement(this.props.children, { foo :this. foo}) 表示什么

javascript - Nightwatch.js - 获取元素的标题并稍后进行比较

javascript - 从 XMLHttpRequest 到 Blob 的图像数据

javascript - 如何检查 jQuery 加载的 PHP 文件是否发生变化并在发生变化时执行函数?

javascript - AngularJs 事件 $stateChangeStart 未触发

javascript - 在 Angular/Django 项目中安装 Karma 的首选方式是什么?

javascript - 如果背景颜色优于 x 则改变颜色?

javascript - 如何从此字符串中获取日期 Wed Dec 11 16 :02:54 CET 2019

javascript - 在窗口调整大小时移动元素后事件处理程序不起作用