html向js方法传递参数

最新推荐文章于 2024-03-11 15:55:27 发布

原创最新推荐文章于 2024-03-11 15:55:27 发布 · 2w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #javaScript

js 同时被 2 个专栏收录

6 篇文章

订阅专栏

html

6 篇文章

订阅专栏

本文探讨了HTML中两种常见的事件处理方式：一种是通过事件对象获取触发元素的信息；另一种则是直接将DOM元素作为参数传递给事件处理函数。这两种方式在不同浏览器中的表现可能有所差异。

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

html注册事件向引用方法中的传参问题，两个方式：

<html>
<head>
<script>

function bbb(event){
	event = window.event || event;
	var srcEle = event.target || event.srcElement;
	alert(srcEle.value);
}
function ccc(cc){

alert(cc.value);
}

</script>
</head>
<body>

<input type="text" value="用event方式"  onblur="bbb()"/>

<input type="text" value="对象传递"  onblur="ccc(this)"/>
</body>
</html>

另外一个：

<html>
 <head>
  <title> New Document </title>
<script>
function func(dd){
	alert(dd);
}
function fun(p){
	alert(p);
}
</script>
 </head>

 <body>
<input type="text" name="ddd">  
<input type="button" value="submit" onclick="func(ddd.value)">
<input type="text" name="pp" onblur="fun(pp.value)">
 </body>
</html>

这个比较简单就是把制定name的标签，我试过在ie下好使，但在ff下不好使，可能是浏览器兼容的问题，抑或是我粗心错写了什么。。。。。。