is not a function at HTMLInputElement.onclick

最新推荐文章于 2023-12-26 21:51:29 发布

SFTCTR

最新推荐文章于 2023-12-26 21:51:29 发布

阅读量5.2k

点赞数 13

CC 4.0 BY-SA版权

分类专栏： javaWeb 文章标签： js

本文链接：https://blog.youkuaiyun.com/wanggouxuan/article/details/104045801

javaWeb 专栏收录该内容

10 篇文章

订阅专栏

本文分享了在JavaScript中遇到的一个常见错误：当HTML元素的ID与onclick事件中调用的函数名相同时，会导致'xxx is not a function'错误。通过修改函数名或ID，避免两者重复，即可解决问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

心得

**
在学习JS的时候突然一个简单的onclick函数都报错了，
报的错误是”xxx“ is not a function at HTMLInputElement.onclick

一开始以为是ID没有对应上，结果一查发现onclick中的函数名和当前的id不能重复

<button type="button" class="btn btn-info" id="showCheck" onclick="showCheckBox()" >删除图片</button>

这个是修改之后的，之前的id和function的名字都是showCheckBox,导致报错，只要将二者的名字稍微区别开就好

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

SFTCTR

关注关注

13
点赞
踩
13

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

HOW - 支持防抖和远程加载的人员搜索组件（shadcn）

weixin_58540586的博客

09-05

866

组件的属性 (value：当前选中的选项。options：提供给组件的选项列表。onSearch：一个异步函数，用于搜索选项。：加载时显示的内容。：没有结果时显示的内容。：允许选择的最大选项数。：当选择的选项数量超过时的回调。creatable：是否允许创建新的选项。groupBy：用于分组选项的字段。inputProps：传递给输入框的属性。

200217&菜鸡前端工作卡壳梳理汇总

向阳小宇宙的专栏

05-31

1738

卡壳的地方(不能直接写的都算) 思路不清；还需要想一想；还需要搜搜；还需要找参考的地方 … eventStore和eventBanner配合时的自动刷新处理机制是如何的？比较复杂，待思考后重新梳理如何从异步接口中获取数据？ (接口中嵌套异步请求，然后拿到数据。区别于一次性的eventStore和eventBanner的banner提示) PUT的传参，是往params还是data里面更新值 data，除此之外: get是params,delete也是params post和put

参与评论您还未登录，请先登录后发表或查看评论

JS：Uncaught TypeError: XX is not a function at HTMLInputElement.onclick解决办法

weixin_52173254的博客

12-26

787

点击绑定按钮就报 Uncaught TypeError: is_select is not a function at HTMLInputElement.onclick 这样的错误。报错原因应该是如果有某个 input 元素的 name 或者 id 与 JS 函数同名的话就会产生冲突，不能正常调用。也有可能是你的js并没有引用，所以找不到函数。解决办法就是改一下元素的 id/name 或者改函数名。5.避免使用关键字和保留字。2.避免全局变量的泛滥，3.合理使用命名空间；4.添加必要的注释；

绑定事件出现Uncaught TypeError: XX is not a function at HTMLInputElement.onclick解决办法

HZ514

08-26

1万+

Uncaught ReferenceError: xxx is not defined at HTMLInputElement.onclick的问题

weixin_44370887的博客

09-15

1万+

下面代码在chrome中运行报错： ... <script type="text/javascript"> window.onload = function(){ var shownum = document.getElementById("shownum"); function getnum(value) { alert(value); shownum...

触发onclick事件js报错 Uncaught TypeError: addVouchers is not a function at HTMLButtonElement.解决方法

sinat_35960326的博客

09-15

7371

HTML代码 <tr> <td colspan="6" style="width:70%;" class="modity">担保信息&nbsp;&nbsp;</td> <td

Uncaught TypeError: test is not a function at HTMLButtonElement.onclick解决方法

weixin_37974649的博客

02-27

1万+

当js运行时报错Uncaught TypeError: test is not a function at HTMLButtonElement.onclick如下面代码： <form action=""> <button type="button" onclick=test() id="test">搜索</button> </form>

Failed to load resource: the server responded with a status of 500 ()Understand this errorAI bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery at bootstrap.min.js:6:37Understand this errorAI signup:84 Uncaught ReferenceError: $ is not defined at onSignup (signup:84:5) at HTMLInputElement.onclick (signup:70:142)Understand this errorAI Chrome is moving towards a new experience that allows users to choose to browse without third-party cookies. 这是控制台打印的

最新发布

03-27

$$ReferenceError:\ \$\ is\ not\ defined$$ 1. 错误根源： - jQuery未成功加载 - 使用jQuery代码在库加载之前执行 - 与其他库的$符号冲突 2. 调试步骤： ```javascript // 在代码开头添加验证 if (typeof ...

companyContract:1 Uncaught ReferenceError: xxx is not defined at HTMLElement.onclick

08-30

- *2* [Uncaught ReferenceError: xxx is not defined at HTMLInputElement.onclick JS问题](https://blog.csdn.net/qq_33212312/article/details/118366767)[target="_blank" data-report-click={"spm":"1018.2226....

React+Typescript规范

youlinaixu的博客

12-30

395

React+Typescript规范定义用到的类型： type AppProps = { message: string; count: number; disabled: boolean; /** array of a type! */ names: string[]; /** string literals to specify exact string values, with a union type to join them together */ status: "

is not defined at HTMLInputElement.onclick

Zaralike的博客

01-30

6119

vue中像上面showPic.js中写的方法为什么不在window下？是因为单页面组件中函数写在setup(){}？可以看到在window里有我们写的aaa方法，onclick事件能正常调用。vue项目中一小部分功能想要使用原生的onclick 事件，发现报错。onclick事件调用的方法必须是全局变量或者说是window的方法。在纯原生项目里测试，没有出现此报错（在window里有我们写的方法）综上，考虑onclick调用的方法可以是window的方法，全局方法和window方法的区别？

a 标签 onclick （ not a function）

AntHub的博客

05-30

1813

js 函数声明在 body 前后表现不同

input标签onclick事件is not a function

hq.zheng的博客

08-29

1万+

一.产生原因在非form里面ID 和函数名是可以重名的，在form标签里不行二.解决方法换一个函数名或者id

JS异常处理：Uncaught TypeError: xxx is not a function at HTMLAnchorElement.onclick

热门推荐

有范管理美学 | 公众号/头条号：有范管理美学

01-09

7万+

JS异常处理：Uncaught TypeError: xxx is not a function at HTMLAnchorElement.onclick ---- 关于标签调用onclick中的方法无效的原因今天在优化别人写的代码时，出了个错误。原代码如下，我想把href属性函数改为onclick事件 a href="javascript:search();

form表单内 checkbox 的 onclick事件 typeError: *** not a function 调用方法类型错误解决

zbz0425的专栏

11-16

3376

form表单内 checkbox 的 onclick事件 typeError: *** not a function 调用方法类型错误解决 function checkboxDan1(obj){ var boxes = document.getElementsByName("checkboxDan1") for(var i=0;i if

Uncaught TypeError: xxx is not a function at HTMLAnchorElement.onclick

qq_34823218的博客

06-24

687

关于标签调用onclick中的方法无效的原因 https://stackoverflow.com/questions/12816400/javascript-typeerror-xxx-is-not-a-function 主要原因有几点： 1、首先确保这函数的js被引入到了页面；Are you certain you added the script to the page？ 2、在调用该方法时，确保该方法已经被加载了。在浏览器控制台输入该方法，能正常运行。Are you certain it ..

Uncaught ReferenceError: set_img_func is not defined at HTMLInputElement.onclick

Quincy.Coder的博客

11-12

1526

问题： Uncaught ReferenceError: set_img_func is not defined at HTMLInputElement.onclick ((index):476) 解决： <td> <label> <input tabindex="1" type="radio" style="vertical-align:...

html input onclick,对部分<input>标签添加onclick事件

weixin_39753857的博客

06-15

1956

abcdcast={Method:function test(){var list=document.getElementsByTagName("input");for(var i=0;i

js的点击事件的is not function的问题

qq_53378354的博客

01-19

1044

在表格中，我一开始设置form的id 和onclick的方法名一样，结果点击事件一直告诉我 is not function,我琢磨啊琢磨，在一个小时的无尽遨游百度中，终于发现了，onclick的方法名不能和id名称一样，不然一直会报错！！！！友友们，不要向我学习，我直接表格名用来当方法名了！！！！ ...