如何在javascript中检查链接是否被点击?

时间:2014-04-20 08:10:55

标签: javascript html

有一个链接,在点击链接时显示文本字段和提交按钮,当我在文本字段中输入“ALLUSERS”并单击提交按钮时,它应该清除文本中的内容并显示弹出一个说无效输入,如何在javascript中执行此操作,我是javascript的新手,所以请帮助我。

这是我到目前为止所拥有的:

function checklink() {
    if (document.getElementById("report420").click == true) {
        if (document.getElementById("mainUserIdValue").value == 'ALLUSERS') {
            document.getElementById("mainUserIdValue").value = "";
            alert("invalid input");
        }
    }

3 个答案:

答案 0 :(得分:1)

以下内容应该有效:

window.onload = function(){
    var link = document.getElementById('report420');
    link.addEventListener('click', continueScript);
    function continueScript(){
        var el = document.getElementById('mainUserIdValue');
        if(el.value == 'ALLUSERS'){
            el.value = '';
            alert('Invalid input');
        }
        /* Continue your code here */
    }
};

关于addEventListener的快速解释:
方法addEventListener用于在满足特定条件时触发函数。在此示例中,标准是用户单击应用该方法的元素 当用户点击ID为report420的链接时,会调用函数continueScript,从那里您可以执行任何操作。请注意,该函数传递给addEventListener而没有括号,以停止在该点调用的函数。

答案 1 :(得分:0)

以下代码可能有效:

<强>编辑:

 <a href="blah1">blah1</a>

<script type="text/javascript">
  $('a[href=blah1]').click(function() {
    var link = $(this); // here's your link.
    return false; // acts like the link was not clicked. return true to carry out the click.
  });
</script>

答案 2 :(得分:0)

单击按钮时执行代码。

document.getElementById("report420").onclick = function() {
    if (document.getElementById("mainUserIdValue").value == 'ALLUSERS') {
        document.getElementById("mainUserIdValue").value = "";
        alert("invalid input");
    }
}