Javascript onblur名称字段_Javascript

Javascript onblur名称字段

javascript

Javascript onblur名称字段,javascript,Javascript,我似乎找不到一种方法让javascript接受我在框中输入的名称，使其在onblur事件发生时显示在段落作为输出的位置 <!DOCTYPE html>  <head> <meta charset="utf-8"> <meta name="author" content="Joey Fultz"

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

<!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
Javascript
名称和横幅
姓名：

函数showname（）{
var x=document.getElementById（“namebanner”）；
x、 值=x.值至（“p1”）；
}

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

使用JQuery很容易做到这一点

<!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");
}

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

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


$（函数（）{
$（'#namebanner'）.blur（函数（）{
$（'#p1'）.text（$（this.val（））；
});
});

或者使用纯javascript

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


函数showname（）{
var x=document.getElementById（“namebanner”）；
document.getElementById（“p1”）.innerHTML=x.value；
}

这里的报价混乱了

onblur=“showname（）value”

<代码>值应在引号之外。是什么定义了函数

.to（）

？我们假设您已经将函数def包装在

标记中，我试图找到正确的方法来获取我键入的任何名称，并将其传输到span正下方的段落中。无法使用jquery这是不允许的