onclick 订阅
onclick:javascript事件onclick 事件会在对象被点击时发生。 展开全文
onclick:javascript事件onclick 事件会在对象被点击时发生。
信息
外文名
noclick
onclick定义和用法
[1]  onclick 事件会在对象被点击时发生。请注意, onclick 与 onmousedown 不同。单击事件是在同一元素上发生了鼠标按下事件之后又发生了鼠标放开事件时才发生的。
收起全文
精华内容
参与话题
问答
  • onclick事件

    万次阅读 2017-02-27 15:20:04
    之前在浏览器上搜了一下onclick的ie兼容性,搜到一些ie不兼容onclick事件的文章,还错误认为onclick不兼容ie浏览器,今天改正这种看法:onclick事件的浏览器支持如下:也就是说ie浏览器支持onclick事件。 那么为什么...

    onclick事件

    一.扫盲

    • 之前在浏览器上搜了一下onclick的ie兼容性,搜到一些ie不兼容onclick事件的文章,还错误认为onclick不兼容ie浏览器,今天改正这种看法:onclick事件的浏览器支持如下:

    这里写图片描述

    • 也就是说ie浏览器支持onclick事件。
    • 那么为什么还在网上搜到很多ie下onclick事件无效的帖子呢?这是因为,在ie浏览器下,当用到onclick事件时,在事件处理中可能用到了ie浏览器不兼容的属性,所以导致看起来像onclick没起作用。

    二.详情

    • onclick事件定义和用法:

    onclick事件会在元素被点击时发生。

    • 语法:

    HTML中:

    <element onclick=”SomeJavaScriptCode”>

    JavaScript中:

    object.onclick = function () {
        SomeJavaScriptCode
    };
    • 应用实例1:
    <button id="btn">点我弹出alert</button>
    <script>
    var myfun = function() {
        var b = document.getElementById("btn");
        b.onclick = function () {
            alert("123");
        }
    }
    myfun();
    </script>
    • 应用实例2:
    <input id="ipt" onclick="f()" type="text"/>
    <script>
    var f= function() {
       alert("123");
    }
    </script>
    展开全文
  • clickonclick

    千次阅读 2008-10-31 10:24:00
    html> head> head> body> form id="form1"> input type="text" id="txt1" value="hello world!"> br/>input type="button" value="Click Me" id="btn1" onclick="document.getElementById(txt1)
    1. <html>
    2.  <head>
    3.  </head>
    4.  <body>
    5.  <form id="form1">
    6.  <input type="text" id="txt1" value="hello world!">
    7.  <br/>
    8. <input type="button" value="Click Me" id="btn1" onclick="document.getElementById('txt1').value = 'button clicked!';">
    9. <br/>
    10. <input type="button" value="click()" onclick="document.getElementById('btn1').click();">
    11. <br/>
    12. <input type="button" value="onclick()" onclick="document.getElementById('btn1').onclick();">
    13. </form>
    14. </body>
    15. </html>

    现,可以直接调用一个按钮btn1的click()、onclick(),来激发该按钮的单击事件。

    但是,如果同样的代码出现在*.aspx页面里就只能通过click()来实现了。
    哈哈,有谁知道为什么呀?
    还有,如果给一个服务端的按钮添加一个客户端单击事件,当用户单击了此按钮时,会先触发客户端的onclick事件,执行全部完毕后,才开始回传到服务器去执行服务器端的单击事件。
    如果上面的客户端事件是弹出一个模态窗口,会等到这个模态窗品运行完毕,最终关闭该模态窗口后,才会再去执行按钮的服务器端事件。(非模态的窗口,没有试过)

    展开全文
  • javascript中onclickclick

    2016-08-26 13:48:49
    $("#btn4").click(function(){ $("#btn3").click(); }); }); function change(){ alert("onclick"); } dd ee 接下来说一下区别: 1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么。  click本身...
    先来一段示例瞧瞧:
    <script type="text/javascript"> 
    $(function(){ 
    $("#btn4").click(function(){ 
    $("#btn3").click(); 
    }); 
    }); 
    function change(){ 
    alert("onclick"); 
    } 
    </script>
    <button id="btn3" οnclick="change()">dd</button> 
    <button id="btn4">ee</button>

    接下来说一下区别:

    1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么。
     click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。如上诉代码所示,当点击'ee'按钮时,会触发'dd'的onclick事件(正常来说得按'dd'按钮才触发'dd'的onclick事件),原因就是因为

    $("#btn4").click(function(){
    $("#btn3").click();

    点击'ee'按钮时,代码内部调用了'dd'的click()方法,从而触发了'dd'的onclick事件。

    2.click()方法的主要作用是触发调用click方法元素onclick事件。此外,如果在click方法定义了如下代码
     
    $("#btn3").click(function(){
    alert("*****");

    click方法中的function代码会在onclick事件执行完后执行,此时click方法起到追加事件的作用。实例如下:

    <script type="text/javascript"> 
    $(function(){ 
    $("#btn3").click(function(){ 
    alert("aa"); 
    }); 
    }); 
    function change(){ 
    alert("bb"); 
    } 
    </script> 
    <button id="btn3" οnclick="change()">dd</button>



    展开全文
  • 最新2020智慧树自动刷课脚本代码(3月3日更新可用)...document.querySelector('.volumeIcon').click(); document.getElementsByClassName('speedTab15')[0].click(); setInterval(function(){ if(document.getElem...

    最新2020智慧树自动刷课脚本代码(4月22日更新可用):(1.5倍速,自动答题,自动跳转)

    更新----跳出来的问题,会随机作答,而不是全部选第一个。
    
    var chapters_length = document.querySelectorAll("ul.list").length;
    var video_length = document.querySelectorAll("li.video").length;
    console.log("共检测到" + chapters_length + "章" + video_length + "小节!");
    document.getElementsByClassName("volumeIcon")[0].click(); //设置静音
    console.log("静音设置成功!");
    document.getElementsByClassName("speedTab speedTab15")[0].click(); //设置1.5倍速
    console.log("1.5倍播放");
    //每两秒检测进度是否100%
    setInterval(() => {
        var progress = window.getComputedStyle(document.getElementsByClassName("passTime")[0], null).width; //进度数据
        if (progress == "100%") {
            //下一节
            document.getElementById("nextBtn").click();
            console.log("自动播放下一节");
            setTimeout(() => {
                //检测00:00:00状态 处理章节间跳动
                if (document.querySelector("span.duration").innerHTML == "00:00:00") {
                    var finished_length = document.querySelectorAll("b.time_icofinish").length;
                    document.querySelectorAll("li.video")[finished_length].click();
                    console.log("进入下一章节!");
                }
            }, 2000);
        }
    }, 2000);
    //每秒检测弹窗
    setInterval(() => {
        //防静音意外失效
        if(!document.getElementsByClassName("volumeBox  volumeNone")[0])
        {
            document.getElementsByClassName("volumeIcon")[0].click();
            document.getElementsByClassName("speedTab speedTab15")[0].click(); //设置1.5倍速
        }
        if (document.getElementsByClassName("dialog-test")[0]) {
            console.log("检测到弹窗!");
            var random_number = randomNum(0, document.querySelectorAll("li.topic-item").length - 1);
            document.getElementsByClassName("topic-item")[random_number].click(); //随机选一个防作弊
            console.log("已选择第" + (random_number + 1) + "个选项");
            document.getElementsByClassName("el-dialog__wrapper dialog-test")[0].getElementsByClassName(
                "el-dialog__footer")[0].getElementsByClassName("btn")[0].click(); //关闭弹窗
            console.log("弹窗关闭!");
            document.getElementById("playButton").click(); //播放
        }
    }, 1000);
     
    function randomNum(minNum, maxNum) {
        switch (arguments.length) {
            case 1:
                return parseInt(Math.random() * minNum + 1, 10);
                break;
            case 2:
                return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
                break;
            default:
                return 0;
                break;
        }
    }
    

    更新:现在网上很多代码都失效了,这个是最新的

    var ti = $("body");
    var video = $("div[class*='fl cataloguediv-c'] ");
    var i = 1;
    var v = 1;
    console.log("共:"+video.length+"节"); 
    video.children("span").css("color", "blue");
    setTimeout(function () {
        $('.speedTab15').click();
        $('.volumeIcon').click();
        console.log("已进行静音和1.5倍加速");
    }, 3000);
    ti.on("DOMNodeInserted", function (e) {
        if (e.target.textContent == "弹题测验 弹题是为了帮助同学们巩固知识点,不会影响到大家作业和考试的成绩。关闭") {
            console.log("检测到第" + i + "个弹题窗口");
            window.setTimeout(function () {
        
                $(".topic-item").click();
                setTimeout(function () {
                    // $(".popbtn_cancel").click();
                    $(".el-icon-close").click();
                    console.log("已关闭");
                    setTimeout(function(){
                        $("#playButton").click();
                    },500);
                }, 1000);
            }, 2000);
            i++;
        } else if (e.target.textContent == "Play") {
            setTimeout(function () {
               if($(".passTime").css("width")== '100%')
                {
                     console.log("检测到视频观看完成,准备跳到下一节");
                    // $('.next_lesson_bg').find('a').trigger('click');
                    $("#nextBtn").click();
                    console.log("已跳转");
                    setTimeout(function () {
                        $('.volumeIcon').click();
                        $('.speedTab15').click();
                        setTimeout(function(){
                            // $("#playButton").click();
                        },500);
                        console.log("已进行静音和1.5倍加速");
                    }, 6000);
                    v++;
                    console.log("目前播放了" + v + "个视频");
                } 
            },2000);
        }
    });
    

    代码三,这三个应该都是可以用的,我测试下来没有问题

    var main=$("body");
    var msg=$("<li></li>");
    var json={
    "background":"#3D84FF",
    "height":"30px",
    "padding":"5px",
    "top":"100px",
    "right":"340px",
    "font-size":"16px",
    "position": "fixed",
    "color":"white",
    "line-height":"30px"
    };
    var ti = $("body");
    var video = $(".catalogue_ul1 li[id*=video-]");
    var i = 1;
    var v = 1;
    var now = new Date();
    var month = now.getMonth()+1;
    msg.css(json);
    msg.html("<marquee>\u5df2\u4e3a\u60a8\u5f00\u542f\u81ea\u52a8\u64ad\u653e\u6a21\u5f0f\uff0c\u66f4\u591a\u9ed1\u79d1\u6280\u8bf7\u5173\u6ce8\u006c\u0073\u0069\u0072\u0033\u0034\u0035\u0036\u0037&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;更多精彩内容请访问www.yaunsine.xyz/homeweb&nbsp;&nbsp;&nbsp;&nbsp;"+now.getFullYear()+"-"+month+"-"+now.getDate()+"&nbsp;"+now.getHours()+":"+now.getMinutes()+"</marquee>");
    main.append(msg);
    video.css("color", "blue");
    setTimeout(function () {
        $('.speedTab15').click();
        $('.volumeIcon').click();
        console.log("已进行静音和1.5倍加速");
    }, 3000);
    ti.on("DOMNodeInserted", function (e) {
        if (e.target.textContent.indexOf("弹题测验")>=0) {
            
            setTimeout(function () {
    	        $(".dialog-test").remove();
    	        $(".v-modal").remove();//移除弹窗
            }, 3000);
            $("video")[0].play();
            console.log("检测到第" + i + "个弹题窗口");
            console.log("已关闭");       
            i++;
        } else{
            
        }
    });
    var ainterval = setInterval(function(){
        if($("video")[0].pause){ $("video")[0].play();}
    	var len = $(".current_play").find(".time_icofinish").length;//找到当前播放已完成
    	var nextlen = $(".current_play").parent().nextAll().length;
    	var le = $(".current_play").nextAll().length;
    if(len == 1){
        console.clear();
        if(nextlen==1){
            $(".current_play").parents("ul").next().children()[2].getElementsByClassName("clearfix video")[0].click();
            setTimeout(function () {
    		    $('.speedTab15').click();
    		    $('.volumeIcon').click();
    		    console.log("已进行静音和1.5倍加速");
    		}, 1000);
        }else if(nextlen==0 && le==1){
    	    $(".current_play").next().contents().click();
    	    setTimeout(function () {
    		    $('.speedTab15').click();
    		    $('.volumeIcon').click();
    		    console.log("已进行静音和1.5倍加速");
    		}, 3000);
        }else if(nextlen==0 && le==0){
            $('#nextBtn').click();
            //if($(".current_play").parents("div").next().contents()[0].innerText.indexOf("章测试")>=0){
                //$(".current_play").parents("ul").next().children()[2].getElementsByClassName("clearfix video")[0].click();
               //  $('#nextBtn').click();
            //}else{
               //  $('#nextBtn').click();
                //$(".current_play").parents("div").next().contents().click();
           // }
            setTimeout(function () {
    		    $('.speedTab15').click();
    		    $('.volumeIcon').click();
    		    console.log("已进行静音和1.5倍加速");
    		}, 3000);
        }else{
            if($(".current_play").parent().next().find('.clearfix').length>1){
                $(".current_play").parent().next().find('.clearfix')[1].click();
                setTimeout(function () {
    			    $('.speedTab15').click();
    			    $('.volumeIcon').click();
    			    console.log("已进行静音和1.5倍加速");
    		    }, 3000);
            }else{
                if( $(".current_play").next().length==1){
                    $('#nextBtn').click();
                    setTimeout(function () {
    			    $('.speedTab15').click();
    			    $('.volumeIcon').click();
    			    console.log("已进行静音和1.5倍加速");
    		    }, 3000);
                }else{
                    $(".current_play").parent().next().contents().click();//播放下一个视频
                    setTimeout(function () {
    			    $('.speedTab15').click();
    			    $('.volumeIcon').click();
    			    console.log("已进行静音和1.5倍加速");
    		    }, 3000);
                }
                
            }
        }
    }
    },3000);
    

    具体使用方法如下:
    在这里插入图片描述进入网页后按F12出现以上界面,点击Console(控制台),然后把代码复制到下面输入框,按下回车(Enter)就会自动1.5倍速,静音播放了

    展开全文
  • click事件和onclick区别

    2017-03-30 02:45:13
    1.click事件和onclick区别,或者是 mouseover/onmouseover ,mouseout/onmouseout 区别 2.最近读的代码都是dom0的。dom2常见吗,感觉好麻烦,语法也麻烦,还要对ie兼容
  • OnClick方法与Click事件

    2019-01-08 01:48:14
    点击一下Button,实际上是先执行OnClick方法,但是问什么,同时还出发了Click事件呢?这是因为,OnClick方法内部触发了Click事件。
  • onclickclick的区别及示例

    千次阅读 2017-08-31 11:13:34
    1.$("").clickonclick的区别示例介绍 onclick是绑定事件,click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,下面有个示例,大家可以看看 Html代码   $(function(){  $("#btn4")....
  • onclickclick :是点击事件; onchange 和 change:是改变事件; onchange和onclick都是js方法 可以在标签元素上使用 <input οnchange=""></input> <input οnclick=""></input> ...
  • onclickclick区别及传参方式

    千次阅读 2016-07-01 10:28:12
    onclick是绑定事件 (告诉浏览器在鼠标点击的时候要做什么) ...执行click就是模拟鼠标点击,同时会触发onclick事件。 $(document).ready(function(){ $(".title").click
  • 原生JS click onclick 区别

    万次阅读 2017-09-28 20:55:44
    <!DOCTYPE html> <title>JS Bin <p id="d">dd </html>document.getElementBy
  • clickonclick的区别

    千次阅读 2009-09-16 14:17:00
    在javascript中,click是一个对象事件:只有在鼠标保持不动时才会发生click事件 onclick是一种方法,也是就是当触发事件的时候的处理方法。js中一般对象中与事件相关的方法就是时间名称再加上ON前缀。
  • clickonclick的区别

    2018-11-28 17:03:34
    click为方法,方法由程序员编写。 onclick为事件,事件为程序员调用。
  • onclick事件里面套click(),然后用off()移除click; 代码如下:![图片说明](https://img-ask.csdn.net/upload/201601/10/1452421754_215502.png) 然后就想知道它的执行顺序是怎么样的就写了一个如下的方法: !...
  • javascript中onclick,click()的区别

    万次阅读 2007-05-05 09:07:00
    javascript中onclick,click()的区别一直以来是这两个方法混淆了使用,不过好好想想还明白了,接下来我就对这两个区别一下了onclick是事件click()是方法,是用来执行的。eg:onclick or onerrorgetObjectById("image...
  • 如何将@click变成onclick

    2019-06-04 13:38:57
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equ...
  • javascript中的clickonclick 首先要知道的是click是方法,而onclick是一个事件 onclick是一个绑定事件 click是一个触发事件 什么是绑定事件? 简单的说就是(规定好了,当我鼠标点击这个东西的时候,浏览器要做...
  • onclick 事件 和click()的区别

    千次阅读 2017-07-01 12:02:52
    onClick里面不需要写【javascript: 】只有a标签的href执行js才需要,onclick里面本身就是JavaScript代码了改为onClick="document.login_form.submit();"这句代码实际上是dom.onclick=function(){document.login_form...
  • ng-clickonclick的区别

    万次阅读 2016-09-17 22:49:43
    这里ng-clickonclick的最主要的区别是: ng-click的作用域是其所在的ng-controller所声明的作用域,而onclick的作用域是全局的。 另外,ng-click属于angularjs的写法,onclick是原生js的写法。
  • javascript中clickonclick的区别

    千次阅读 2018-06-06 19:15:52
    click()和onclick()的区别: 1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么 click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。 2.click本身是方法,作用是...
  • jQuery中clickonclick的区别

    万次阅读 2015-09-29 11:59:44
    click()和onclick()的区别: 1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么 click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。 2.click()方法的主要作用是...
  • click事件和onclick事件的区别

    千次阅读 2018-06-14 16:27:09
    1,click事件的api解释(jquery中)返回值:jQueryclick([[data],fn])概述触发每一个匹配元素的click事件。这个函数会调用执行绑定到click事件的所有函数。参数fnFunctionV1.0在每一个匹配元素的click事件中绑定的...
  • 前两节都和addEventListener的click有关,于是在想它与onclick有什么区别呢,自己调试了一下,网上也有相关资料 事件绑定 onclick绑定方式 优点: - 简洁 - 处理事...
  • 1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么2.click本身是方法,作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件
  • jquery click和js onclick區別

    千次阅读 2014-12-02 14:22:06
    jquery click和js onclick
  • 为控件添加click监听函数的方式,除了使用setOnclickListener之外,另一种是直接在xml文件中为其添加onClick属性,并在相应的类中添加监听函数。 可以通过第二种方法对click事件进行监听的控件有Layout/P

空空如也

1 2 3 4 5 ... 20
收藏数 202,830
精华内容 81,132
关键字:

onclick