为什么我不能从 onclick 属性调用名为 clear 的函数? [英] Why can't I call a function named clear from an onclick attribute?

查看：36 发布时间：2021/12/1 12:48:10 javascript html

本文介绍了为什么我不能从 onclick 属性调用名为 clear 的函数?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在尝试创建一个简单的计算器，当单击按钮时，其值显示在文本字段中，按钮C"应清除文本字段，但其 onclick="clear()" 不起作用??

<%@page contentType="text/html" pageEncoding="UTF-8"%><!DOCTYPE html><头><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>计算器</title><风格>#按钮{填充:10px；}</风格><脚本>函数填充(val){document.getElementById("field").value+=val;}函数清除(){document.getElementById("field").value="";}<身体><表格><表格><tr><input type="text" name="field" id="field" size="8"/></tr><%!整数 k = 1;％＞<% for(int i=0;i<3;i++){%><tr><%for(int j=0;j<3;j++){%><td><input type="button" id="button" onclick="fill(this.value)" value="<%=k++%>"/></td><%}%></tr><%}%><tr><!--这里 onclick="clear()" 不起作用??--><td><input type="button" id="button" value="C" onclick="clear()"/></td><td><input type="button" id="button" value="0" onclick="fill(this.value)"</td><td><input type="submit" id="button" value="="</td></tr></表单>

解决方案

内在事件属性(如 onclick)很糟糕.他们在内部实施

i'm trying to create a simple calculator, when a button is clicked its value is shown in the text field and the button "C" should clear the text field but its onclick="clear()" is not working??

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Calculator</title>
        <style>
            #button{
                padding: 10px;
            }
        </style>
        <script>
            function fill(val){
                document.getElementById("field").value+=val;
            }
            function clear(){
                document.getElementById("field").value="";
            }
        </script>
    </head>
    <body>
        <form>
        <table>
            <tr><input type="text" name="field" id="field" size="8"/></tr>
        <%! int k = 1; %>
        <% for(int i=0;i<3;i++){ %>
        <tr> <%
            for(int j=0;j<3;j++){ %>
            <td><input type="button" id="button" onclick="fill(this.value)" value="<%=k++%>" /></td>
          <%  } %>
        </tr>
        <% } %>
        <tr>

<!--here onclick="clear()" is not working?? -->

            <td><input type="button" id="button" value="C" onclick="clear()"/></td>
            <td><input type="button" id="button" value="0" onclick="fill(this.value)"</td>
            <td><input type="submit" id="button" value="="</td>
        </tr>
        </table>
        </form>
    </body>
</html>

解决方案

Intrinsic event attributes (like onclick) are horrible. Internally they implement with:

Use of the with statement is not recommended, as it may be the source of confusing bugs and compatibility issues.

Consequently, you are actually calling document.clear() instead of your global clear().

The quick fix for this is to rename the function to something else or explicitly call window.clear().

The better solution is to bind your event handlers with addEventListener instead of intrinsic event attributes.

这篇关于为什么我不能从 onclick 属性调用名为 clear 的函数?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文

为什么我不能从 onclick 属性调用名为 clear 的函数? [英] Why can't I call a function named clear from an onclick attribute?

问题描述

相关文章

前端开发最新文章

热门教程

热门工具

登录关闭

为什么我不能从 onclick 属性调用名为 clear 的函数? [英] Why can&#39;t I call a function named clear from an onclick attribute?

问题描述

相关文章

前端开发最新文章

热门教程

热门工具

登录 关闭

为什么我不能从 onclick 属性调用名为 clear 的函数? [英] Why can't I call a function named clear from an onclick attribute?

登录关闭