请问怎么判断a标签被点击了

请问怎么判断a标签被点击了,第1张

题主说的判断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的点击触发等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9747486.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存