javascript - 如何把函数声明中的事件拿出来再调用这个函数
本文介绍了javascript - 如何把函数声明中的事件拿出来再调用这个函数的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
如何改写成
function NumTotal(){
XXXX
}
XXX.onclick=NumTotal();
写成这种形式
下面是代码
function NumTotal(){
var add=document.getElementsByTagName("a");
var input=document.getElementsByName("number")
var price=document.getElementsByClassName("price");
var TotalPrice=document.getElementById("TotalPrice")
for(var i=0;i<input.length;i++)
{
input[i].num=1;
input[i].unitprice=0;
input[i].sum=0
for(var j=0;j<add.length;j++)
{
add[j].index=j
add[j].onclick=function()
{
var sum=0;
var Totalsum=0;
input[this.index].value=input[this.index].num++
input[this.index].unitprice=parseFloat(input[this.index].value*price[this.index].innerHTML)
input[this.index].sum+=input[this.index].unitprice
for(var i=0;i<input.length;i++){
Totalsum+=input[i].unitprice
}
TotalPrice.innerHTML=Totalsum.toFixed(1)
}
}
}
}
NumTotal()解决方案
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
width: 100px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<div id="div1"></div>
<script>
var oDiv = document.getElementById('div1');
oDiv.onclick = changeColor;
function changeColor(){
oDiv.style.backgroundColor = 'green';
}
</script>
</body>
</html>这篇关于javascript - 如何把函数声明中的事件拿出来再调用这个函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
