Question

前一天我写信询问当点击浏览器的特定区域时onclick事件没有激活的问题是什么。在检查指南之后我发现问题结束了我的简单测试的代表性是微不足道的，我已经知道在浏览器文本区域中激活特定功能的机制。现在它工作了......我想要添加我的问题的更多细节......从模板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>

Answer 1

关于代码的一切都是错误的。就像...字面上的一切。这是一个建议的替代方案：

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>

Answer 2

根据我的理解，将您的check()功能移至input字段

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

并从body

中删除

<body>

当从浏览器激活时，如何激活功能事件onclick（或其他功能）？

2 个答案: