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

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

  •  -3
  • alb084  · 技术社区  · 6 年前

    前一天,我写信问当我在浏览器的特定区域单击时,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 回复  |  直到 6 年前
        1
  •  2
  •   Niet the Dark Absol    6 年前

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

    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    6 年前

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

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

    并从中删除 body

    <body>