html中onclick方法无效

最新推荐文章于 2024-08-21 23:02:20 发布
原创 最新推荐文章于 2024-08-21 23:02:20 发布 · 1.1w 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

解释了在HTML中当元素ID与onclick方法名相同时，导致无法触发事件的问题，并提供了解决方案。

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

比如这句：
<input id="deleteDevice" class="btn" type="button" value="删除" name="" onclick="deleteDevice()"/>
<pre name="code" class="html">这时onclick方法不能触发，是因为id和onclick方法名称一样了都是deleteDevice

只要将id修改下就可以正常触发onclick，比如改为
<input id="delDevice" class="btn" type="button" value="删除" name="" onclick="deleteDevice()"/>











                

        

    

    
  



    



                



	

		

			

				
					
页面设置float后click事件和onclick方法无效的问题

				
			

			

				

					拥抱AI Design
				

				

					03-12
					
					1201
					
				

			

		

		

			
				
本文主要介绍页面设置float后click等事件失效的问题。

直接对浮动元素设置z-index层级即可解决，位置属性position: relative;记得设置哦
.chat_info_copy {
	position: relative;
	z-index: 11;
	float: left;
}

如此这般，你的click事件和onclick方法就可以正常监听了

...

			
		

	



                

            
              



	

		

			

				
					
动态生成html点击事件无效,动态生成的DOM不会触发onclick事件的原因及解决方法...

				
			

			

				

					weixin_27017211的博客
				

				

					06-04
					
					1019
					
				

			

		

		

			
				
最近朋友在做一个项目的时候，遇到动态加载微博内容，然后点击“展开评论”后获取该微博的所有评论。这里使用了动态加载的点击加载评论。然后再写$(“.get_comment).click(function(){//响应事件逻辑})发现click事件并不会触发，使用控制台侦听也木有错误。百思不得其解时，因为我在以前做搜狐家居商城的运费管理时，也曾遇到，因此将焦点落在动态加载上。记得当时本人用的是行内事件，...

			
		

	



              


  
              

                


	

		

			

				
					
html元素设置position:absolute绝对定位后，onclick事件失效问题解决

				
			

			

				

					qq_33736234的博客
				

				

					05-19
					
					1万+
					
				

			

		

		

			
				
问题场景：form设置了绝对定位，form里面有个按钮，按钮注册了onclick事件，发现点击按钮没反应；

问题解决：在chrome中打开该网页，鼠标移到这个按钮上右键检查，发现form后面定义的html元素在该按钮的上面层，由此可知 ，我们点击按钮，实际上并没有点击到按钮......

只需在form绝对定位的样式里添加一行代码，让按钮浮上来：


position: absolute;
z-...

			
		

	





	

		

			

				
					
onclick=“addFeiFunc(this)”  ,报错方法不存在

				
			

			

				

					Light
				

				

					12-24
					
					530
					
				

			

		

		

			
				
记录：οnclick=“addFeiFunc(this)”  ,报方法不存在
原因：方法定义格式不对
HTml代码：
<button type="button" class="layui-btn layui-btn-xs add" onclick="addFeiFunc($(this))">+</button>

错误格式：
<script src="__STATIC__/jquery.min.js?v={$version}" charset="utf-8"></s

			
		

	



		

			
		



	

		

			

				
					
html onclick点击事件失效,HTML onfocus，onclick事件不起作用

				
			

			

				

					weixin_29542759的博客
				

				

					06-08
					
					2699
					
				

			

		

		

			
				
我有什么似乎是一个常见但神秘的问题，至少对我来说。该页面的草稿可以找到here。期望的行为如下：HTML onfocus，onclick事件不起作用通过执行计算并使用调用。 amp.js的详细信息真的很长，所以我不会发布这些。 请假定所有变量都已正确声明并初始化，并且我的所有脚本都已被删除。接下来，零时的进度条和计数器：100%...当用户集中于改变输入参数进行新的计算：...与：/*jslint...

			
		

	





	

		

			

				
					
前端：动态添加html元素，onclick失效

				
			

			

				

					Jcsim~
				

				

					03-18
					
					3487
					
				

			

		

		

			
				
现象：使用on事件，发现动态添加的元素绑定失效。


$("#id").on("click",function () {
	    console.log("deldeldel")
    })

解决：使用on绑定事件


 $(document).on('click','#id',function() {
        console.log("deldeldel")

    });

...

			
		

	





	

		

			

				
					
【前端】onclick使用HTML页面外的的JS函数时报错：onclick _function_ is not defined.

				
			

			

				

					Happynetizens.happyheart的优快云博客
				

				

					08-21
					
					423
					
				

			

		

		

			
				
使用 全局对象

			
		

	





	

		

			

				
					
JS中append字符串包含onclick无效传递参数失败的解决方案

				
			

			

				

					10-20
				

			

		

		

			
				
在JavaScript中，我们经常需要通过`append`方法动态地向HTML元素中添加内容，特别是当涉及到事件处理（如`onclick`）时。然而，当尝试将`onclick`事件与动态生成的参数一起使用时，可能会遇到一些问题。本文将深入...

			
		

	





	

		

			

				
					
调用innerHTML之后onclick失效问题的解决方法

				
			

			

				

					09-04
				

			

		

		

			
				
这个问题通常发生在动态生成或修改HTML内容时，例如在上述例子中，当用户点击按钮改变按钮状态（上线/下线）时，`onclick`事件应该被触发，但因为使用了`innerHTML`，导致事件失效。  为了解决这个问题，我们需要...

			
		

	





	

		

			

				
					
解决给dom元素绑定click等事件无效问题的方法

				
			

			

				

					12-09
				

			

		

		

			
				
之前一直遇到js插件生成的元素，click事件无效的问题，重新绑定也不行，终于找到解决方法，在此记下来。 同时加深对js事件处理机制的理解。 1. 事件被解绑 这种情况下一般不会导致click失效，但以下情况，click事件...

			
		

	





	

		

			

				
					
onclick点击事件无效

					
最新发布

				
			

			

				

					12-25
				

			

		

		

			
				
如果"onclick"事件无效，可能是以下几个原因：  1. **语法错误**：检查`onclick`属性是否正确书写，比如是否缺少大括号、函数名拼写错误等。  ```html <button onclick="myFunction()">点击 ```  2. **函数未定义**...

			
		

	





	

		

			

				
					
解决JavaScript中点击事件onclick找不到执行方法

				
			

			

				

					qq_45535776的博客
				

				

					04-08
					
					7257
					
				

			

		

		

			
				
解决点击事件执行方法时浏览器出现Uncaught ReferenceError: saveForm is not defined
    at HTMLButtonElement.onclick (systemBuckUp:126:112)
onclick @ systemBuckUp:126




			
		

	





	

		

			

				
					
移动端html标签点击事件onclick失效问题解决

					
热门推荐

				
			

			

				

					Ango的博客
				

				

					02-14
					
					1万+
					
				

			

		

		

			
				
今天测试突然提了这个bug，移动端onclick事件点击失效问题，网上找了好多方法，都是解决在js中绑定点击事件的问题
在js中绑定点击事件用click是兼容的
&lt;div id="test"&gt;click&lt;/div&gt;`
&lt;script&gt;
	var fun = () =&gt; {
				console.log(Math.random());
			}
	docu...

			
		

	





	

		

			

				
					
HTML中关于使用 innerHTML 动态创建DOM节点时，相关事件（如onclick等）失效的解决方案

				
			

			

				

					XH_jing的博客
				

				

					01-28
					
					3107
					
				

			

		

		

			
				
最近在进行项目模块的迭代开发工作，偶尔会碰到几个值得记录的问题，这里就给大家整理分享一下，以及相应的解决方案。

			
		

	





	

		

			

				
					
标签中的onclick无法触发自定义函数

				
			

			

				

					weixin_44001317的博客
				

				

					02-20
					
					707
					
				

			

		

		

			
				
onclick无法触发自定义函数

			
		

	





	

		

			

				
					
html页面调用js文件里的函数报错onclick is not defined处理方法

				
			

			

				

					HuangsTing的博客
				

				

					09-03
					
					446
					
				

			

		

		

			
				
今天处理html标签里的onclick功能的时候总是报错：Uncaught ReferenceError: dosave is not defined(…)
找了半天都没发现错在哪，最后发现原来是我写法不对，正确写法如下：
html：
<input type="button" value="立即登录" οnclick="dosave();"/>

js:
dosave = functi...

			
		

	





	

		

			

				
					
http://www.xueh188.top/index.php/archives/37/

				
			

			

				

					XUEH
				

				

					03-24
					
					809
					
				

			

		

		

			
				
js：dosave = function (){
        alert("成功啦！");
    }
错误写法一般有以下两种，很致命：function dosave(){
        alert("会报错！！");
    }
和var dosave = function (){
        alert("会报错！！&...

			
		

	





	

		

			

				
					
HTML之onclick等事件调用函数提示xxx is not defined

				
			

			

				

					小乔流水仁家的博客
				

				

					10-16
					
					6085
					
				

			

		

		

			
				
现象

如图定义一个onclick点击事件



如果我的updatemsgconf函数和deletemsgconf函数是用function定义的，并且写在$(functiong{ }) 里面：


function updatemsgconf(id){
}
function deletemsgconf(id){
}

就会报错：

Uncaught ReferenceError: update...

			
		

	





	

		

			

				
					
【记录】原生html中 点击事件onclick失效的情况

				
			

			

				

					weixin_41492957的博客
				

				

					12-08
					
					1872
					
				

			

		

		

			
				
form标签中， button 无法绑定onclick事件

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值