问onblur名称字段
EN

Stack Overflow用户

提问于 2012-11-01 10:09:25

回答 1查看 414关注 0票数 0

当onblur事件发生时，我似乎找不到一种方法让javascript接受我放入框中的输入名称，使其显示在段落作为输出的位置。

<!DOCTYPE html>

<!--

INFX1606 - Starter kit for Assignment 5.

-->



    <head>

        <meta charset="utf-8">
        <meta name="author" content="Joey Fultz">
        <meta name="description" content="Assignment 5">

        <title>First Swing at Javascript</title>

        <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

        <script type="text/javascript" src="js/scripts.js"></script>

    </head>
    <body>
        <div class="all">
            <div class="title">
                <h2>Javascript</h2>
            </div>

            <div>
                <h3>Name and Banner</h3>
            </div>
            <span>
                <label for="namebanner">Name:</label>
                <input type="text" id="namebanner" name="namefield" onblur="showname() value">
            </span>
            <p id="p1"></p>
        </div>







    </body>
</html>

function showname() {
    var x = document.getElementById("namebanner");
    x.value = x.value.to("p1");
}

我想知道为什么我的javascript是错误的，为什么当onblur事件发生时它不会显示我的名字。

javascript

回答 1

Stack Overflow用户

发布于 2012-11-01 10:18:46

使用JQuery很容易做到这一点。

<input type="text" id="namebanner" name="namefield" />

<script>
    $(function(){
        $('#namebanner').blur(function(){
            $('#p1').text( $(this).val() );
        });
    });
</script>

或用纯javascript编写

<script>
    function showname(){
        var x = document.getElementById("namebanner");
        document.getElementById("p1").innerHTML = x.value;
    }
</script>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13170018

复制

相似问题

问onblur名称字段
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问onblur名称字段EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问onblur名称字段
EN