代码之家 › 专栏 › 技术社区 › alb084

当从浏览器激活时,如何工作激活功能事件onclick(或其他功能)?[已关闭]

dom-events function html javascript

-3

alb084 · 技术社区 · 8 年前

前一天,我写信问当我在浏览器的特定区域单击时,onclick事件没有激活有什么问题。在检查了一个指南后,我发现问题已经解决了。我的简单测试的RAP演示也很简单,我知道在浏览器文本区域激活特定功能的机制。现在工作吧。。。我想补充我的问题的更多细节。。。将我的函数从模板html激活为标记的机制是什么 <script></script> ?

    <h3> Check is palindrome</h3>
        <input type="text" id="input1"  >
        <input type="text" id="input2">
        <br><br>
        <input type="button" id="reload" onclick="myFunction()" value="ricarica">

        <body > 
               <p onclick="check()" id="output" style="line-height: 1000px"> TEST</p>
        </body>

    //WHAT IS THE MECHANISM IN THIS POINT FOR ACTIVATE check()?
 <script>    

    function check() {
        var x = document.getElementById("input1").value;
        var y = document.getElementById("input2").value;
        if(x===y){
            document.getElementById("output").innerHTML=" E' PALINDROMA "
        }else  document.getElementById("output").innerHTML=" NON E' PALINDROMA "";
    }

    function myFunction() {
        location.reload(true);
    }


    </script>

    </html>

2 回复 | 直到 8 年前

1

2

Niet the Dark Absol 8 年前

关于代码的所有内容都是错误的。喜欢从字面上看,一切都是如此。这里有一个建议的替代方案:

var out = document.getElementById('output');
document.getElementById('input').oninput = function() {
  if( this.value.split('').reverse().join('') === this.value) {
    out.innerHTML = "The input is a palindrome!";
  }
  else {
    out.innerHTML = "The input is not a palindrome...";
  }
};

<input type="text" id="input" />
<p id="output">Type something...</p>

2

1

Diego Vieira 8 年前

据我所知 check() 功能到 input 领域

<input type="text" id="text1" onclick="check()">

并从中删除 body

<body>