题主说的判断a标签被点击了,是不是说判断每个链接点击的次数,还是就只是提示链接点击时说明是哪个链接被点击了?我把两个都做了,那看下你要哪个结果吧:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" class="table">
<tr><th>Header</th></tr>
<tr>
<td>
<a id="norms0" href="javascript:void(0);">链接1</a>
</td>
<td>
<a id="norms2" href="javascript:void(0);">链接2</a>
</td>
<td>
<a id="norms3" href="javascript:void(0);">链接3</a>
</td>
</tr>
</table>
</body>
<script type="text/javascript">
windowonload=function(){
var allA = documentquerySelectorAll('table a');
var clickNum = {};
for (var i=0;i<allAlength;i++) {
allA[i]onclick=function(){
var nextNum = Number(thisgetAttribute('num'));
thissetAttribute('num',1+nextNum);
alert('你点击了这个链接'+thisgetAttribute('num')+'次了');//获取该链接被点击的次数
// alert('你点击了一个链接:'+thisinnerText);//提示被点击的那个链接上的内容
}
}
}
</script>
</html>
在数据处理的时候,往往会使用select供用户对数据进行选择,我们可以使用change()方法来判断用户是否改变了select的值,change()后,直接d出select的value就是用户选择的结果,但是怎么获取其选择前的结果呢?
如果使用click()方法貌似可行,点击select框,change()方法还没出发时就d出select的val(),但是 *** 作后会发现,change()方法触发后,会第二次触发click()方法,也就是clickd出来的结果也会变成change后的值,所以click这么使用行不通,可以用其他变量接收第一次click获取的value,有兴趣的可自己考虑一下。
实际上还有更简单的方法,直接用focus()方法替换click()方法:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>计算器</title>
</head>
<script>
function calc() {
var reg = /^\s|\s$/g;
var first = documentgetElementById("first")valuereplace(reg, "");
var opera = documentgetElementById("opera")value;
var second = documentgetElementById("second")valuereplace(reg, "");
var result = documentgetElementById("result");
try {
var temp = eval(first + opera + second);
if (temp - parseFloat(temp) >= 0) {
resultvalue = temp;
} else {
resultvalue = "";
}
} catch (e) {
}
return false;
}
</script>
<body>
<div style="text-align:center">
超级简单计算器
<form>
<input type="text" id="first" onkeyup="calc()"/>
<select id="opera" onchange="calc();">
<option value="+">+</option>
<option value="-">-</option>
<option value=""></option>
<option value="/">/</option>
</select>
<input type="text" id="second" onkeyup="calc()"/>
<input type="button" value="=" onclick="calc()">
<input type="text" id="result" />
</form></div>
</body>
</html>
这个无法用 HTML 去读取,需要用到 JavaScript。代码如下:
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<select id="select1">
<option value="0">== 请选择 ==</option>
<option value="1">苹果</option>
<option value="2">香蕉</option>
<option value="3">桃子</option>
</select>
<p id="result"></p>
<script>
documentgetElementById('select1')onchange = function() {
var getText = function(elm) {
if (typeof elminnerText == 'string') {
return elminnerText;
}
return elmtextContent;
};
var value = thisvalue,
index = thisselectedIndex,
text = getText(thisoptions[index]);
documentgetElementById('result')innerHTML = '' + value + ' ' + text;
}
</script>
</body>
</html>
以上就是关于请问怎么判断a标签被点击了全部的内容,包括:请问怎么判断a标签被点击了、jQuery获取select标签change()前的值和change()后的值、js中select的点击触发等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)