精华内容
下载资源
问答
  • 以上两种事件均可达到单击事件及双击事件的效果。下面我们分别举例说明: jQuery事件 //表格点击事件 $('#getCqltj').on('dbl-click-row.bs.table', function (e, row, element) { location.href = '../...

    Bootstrap点击事件

    以上两种事件均可达到单击事件及双击事件的效果。下面我们分别举例说明:

    jQuery事件 

    //表格点击事件
        $('#getCqltj').on('dbl-click-row.bs.table', function (e, row, element) 
        {
            location.href = '../html/qykqsj.html?name='+escape(row.xm);
        });

     

    Option事件

    $('#getzxsjsz') .bootstrapTable( {
                    url : '../ajaxjsp/zxsjsz_json.jsp?type=getzxsjsz', // 请求后台的URL(*)
                    toolbar : '#toolbar', // 工具按钮用哪个容器
                    striped : true, // 是否显示行间隔色
                    cache : false, // 是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
                    pagination : false, // 是否显示分页(*)
                    sortable : false, // 是否启用排序
                    sortOrder : "asc", // 排序方式
                    // queryParams : oTableInit.queryParams,// 传递参数(*)
                    sidePagination : "client", // 分页方式:client客户端分页,server服务端分页(*)
                    pageNumber : 1, // 初始化加载第一页,默认第一页
                    pageSize : 10, // 每页的记录行数(*)
                    pageList : [ 10, 25, 50, 100 ], // 可供选择的每页的行数(*)
                    search : false, // 是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大
                    strictSearch : true,
                    showExport: true,   // 是否显示导出
                    exportOptions : {
                        fileName : document.title
                    },
                    exportDataType: "all",              // basic', 'all',// 'selected'.
                    showColumns : true, // 是否显示所有的列
                    showRefresh : true, // 是否显示刷新按钮
                    minimumCountColumns : 2, // 最少允许的列数
                    clickToSelect : false, // 是否启用点击选中行
                    height : '', // 行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度
                    uniqueId : "", // 每一行的唯一标识,一般为主键列
                    showToggle : true, // 是否显示详细视图和列表视图的切换按钮
                    cardView : false, // 是否显示详细视图
                    detailView : false, // 是否显示父子表
                    //fixedColumns : true,
                    //fixedNumber : 1,//固定列数
                    columns :     [{
                        field : 'sbsj',
                        title : '上班时间',
                        align: 'center'
                    }, {
                        field : 'xbsj',
                        title : '下班时间',
                        align: 'center'
                    }, {
                        field : 'wxkssj',
                        title : '午休开始时间',
                        align: 'center'
                    }, {
                        field : 'wxjssj',
                        title : '午休结束时间',
                        align: 'center'
                    }] ,
                      onClickCell: function(field, value, row, $element) {
                            $element.attr('contenteditable', true);
                            $element.blur(function() {
                                let index = $element.parent().data('index');
                                let tdValue = $element.html();
                                saveData(index, field, tdValue , row.zxlx);
                            })
                        }
                });

    展开全文
  • 事件修饰符 在事件处理器中经常需要调用 event.preventDefault() 或 event.stopPropagation()。尽管我们在方法内可以轻松做到,不过让方法是纯粹的数据逻辑而不处理 DOM 事件细节会更...阻止单击事件冒泡 ———- ...

    事件修饰符

    在事件处理器中经常需要调用 event.preventDefault()event.stopPropagation()。尽管我们在方法内可以轻松做到,不过让方法是纯粹的数据逻辑而不处理 DOM 事件细节会更好。

    为了解决这个问题,Vue.js 为 v-on 提供两个 事件修饰符:.prevent 与 .stop。
    .
    .

    —>阻止单击事件冒泡 ———- <a v-on:click.stop="doThis"></a>
    .
    .

    —> 提交事件不再重载页面———- <form v-on:submit.prevent="onSubmit"></form>
    .
    .

    —> 修饰符可以串联———-<a v-on:click.stop.prevent="doThat">
    .
    .

    —> 只有修饰符———- <form v-on:submit.prevent></form>

    展开全文
  • Android之按钮点击事件单击、双击、长按等)

    万次阅读 多人点赞 2019-07-04 22:20:10
    1、在布局文件中添加按钮点击事件; 2、在java文件中添加按钮点击事件; 3、为多个按钮添加点击事件; 4、按钮按下、释放事件...6、按钮长按时过滤掉单击事件; 7、按钮双击事件; 8、按钮双击时过滤掉单击事件

    在布局文件中添加按钮点击事件

    1、在xml文件中 为 Button 添加android:onclick属性

    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="btn"
        android:textAllCaps="false"
        android:onClick="showMsg"/>
    

    android:onclick属性的值"showMsg"即为用户点击屏幕按钮时触发方法的名字。
    PS:Android系统会自动对Button中的所有英文字母转换成大写,android:textAllCaps属性的值设置为“false”可以禁用此设置。

    2、在对应的.java文件中添加名为showMsg的方法

    此方法需满足以下条件:

    • 与xml布局文件中名称一致
    • 是public函数
    • 无返回值(void 类型)
    • 参数唯一(为View类型,代表被点击的视图)
    /** Called when the user clicks the Button named btn */
    public void showMsg(View view){
        Toast.makeText(MainActivity.this, "btn is clicked!", Toast.LENGTH_SHORT).show();
    }
    

    在java文件中添加按钮点击事件

    public class MainActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            
             final Button btn = (Button) findViewById(R.id.btn);
             btn.setOnClickListener(new View.OnClickListener() {
                @Override
                 public void onClick(View v) {
                     // Perform action on click
                     Toast.makeText(MainActivity.this, "btn is clicked!", Toast.LENGTH_SHORT).show();
                 }
             });
        }
    }
    

    setOnClickListener()方法为Button的点击事件注册了一个监听器,每当点击按钮时,就会执行监听器中的onClick()方法。

    为多个按钮添加点击事件

    处理多个按钮的点击事件时,可以使用上面的方式为每个按钮分别绑定事件监听器,也可以使用下面的方式定义一个实现监听器的类,当然,下面的方式结构更加清晰。

    public class MainActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            final Button btn = (Button) findViewById(R.id.btn);
            final Button btn2 = (Button) findViewById(R.id.btn2);
            final Button btn3 = (Button) findViewById(R.id.btn3);
    
            OnClick onClick = new OnClick();
            btn.setOnClickListener(onClick);
            btn2.setOnClickListener(onClick);
            btn3.setOnClickListener(onClick);
        }
    
        private class OnClick implements View.OnClickListener{
    
            @Override
            public void onClick(View v) {
                switch (v.getId()){
                    case R.id.btn:
                        Log.d("btn listener:", "btn is clicked!");
                        break;
                    case R.id.btn2:
                        Log.d("btn listener:", "btn2 is clicked!");
                        break;
                    case R.id.btn3:
                        Log.d("btn listener:", "btn3 is clicked!");
                        break;
                    default:
                        break;
                }
            }
        }
    }
    

    按钮按下、释放事件

    一个按钮点击的完整过程是:pressed + released = clicked,所以当按下按钮并滑动到按钮之外的区域释放时,点击事件并不会触发。如果需要分别处理按钮的按下和释放事件则可以使用下面的方式。

    public class MainActivity extends AppCompatActivity {
        
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            
            final Button btn = (Button) findViewById(R.id.btn);
            btn.setOnTouchListener(new View.OnTouchListener() {
                @Override
                public boolean onTouch(View v, MotionEvent event) {
                    if(v.getId() == R.id.btn){
                        if(event.getAction() == MotionEvent.ACTION_DOWN){
                            Log.e("btn listener:", "btn is pressed!");
                        }
                        else if(event.getAction() == MotionEvent.ACTION_UP){
                            Log.e("btn listener:", "btn is released!");
                        }
                    }
                    return false;
                }
            });
        } 
    }
    
    

    按钮长按事件

    public class MainActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            final Button btn = (Button) findViewById(R.id.btn);
            btn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Log.d("btn listener:", "btn is clicked!");
                }
            });
            btn.setOnLongClickListener(new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View v) {
                    Log.d("btn listener:", "btn is longClicked!");
                    return false;
                }
            });
        }
    }
    

    PS:上面的代码运行后会先打印btn listener:: btn is longClicked!,然后打印btn listener:: btn is clicked!,因为按钮长按时仍然会触发点击事件。如果只需要处理长按事件的话则不需考虑这一点,如果要在同一个按钮单击或长按时处理不同的内容,则需在长按时过滤掉单击事件。

    按钮长按时过滤掉单击事件

    btn.setOnLongClickListener(new View.OnLongClickListener(){
        @Override
        public boolean onLongClick(View v){
            Log.d("btn listener:","btn is longClicked!");
            return true;
        }
    });
    

    将此处长按事件的返回值改为true即可过滤掉单击事件。
    这里涉及到事件传播的问题,当处理事件的返回值为false时表示该事件未完全处理完毕,事件会继续向下传播。

    按钮双击事件

    public class MainActivity extends AppCompatActivity {
    
        private static final long CLICK_INTERVAL_TIME = 300;
        private static long lastClickTime = 0;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            final Button btn = (Button) findViewById(R.id.btn);
            btn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
    
                    //获取系统当前毫秒数,从开机到现在的毫秒数(手机睡眠时间不包括在内)
                    long currentTimeMillis = SystemClock.uptimeMillis();
                    //两次点击间隔时间小于300ms代表双击
                    if (currentTimeMillis - lastClickTime < CLICK_INTERVAL_TIME) {
                        Log.d("btn listener:", "btn is doubleClicked!");
                        return;
                    }
                    lastClickTime = currentTimeMillis;
                    Log.d("btn listener:", "btn is clicked!");
                }
            });
        }
    }
    

    PS:使用System.currentTimeMillis()获取系统当前毫秒数,是从1970年1月1日UTC到现在的毫秒数,如果系统时间被修改,此毫秒数会不正确。
    PS:上面的代码运行后会先打印btn listener:: btn is clicked!,然后打印btn listener:: btn is doubleClicked!,因为按钮双击时仍然会先触发单击事件。如果只需要处理双击事件的话则不需考虑这一点,如果要在同一个按钮单击或双击时处理不同的内容,则需在双击时过滤掉单击事件。

    按钮双击时过滤掉单击事件

    双击时过滤单击事件的思路可参考以前在Qt中的应用(QML之MouseArea双击时过滤掉单击事件):在按钮点击时开启定时器,判断300ms内有没有第二次点击,有的话表示双击,没有的话表示单击。这里使用HandlerpostDelayed()方法来处理延时。

    public class MainActivity extends AppCompatActivity {
    
        private int clickNum = 0;
        private Handler handler = new Handler();
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            final Button btn = (Button) findViewById(R.id.btn);
            final Button btn2 = (Button) findViewById(R.id.btn2);
            btn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    clickNum++;
                    handler.postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            if (clickNum == 1) {
                                Log.d("btn listener:", "btn is clicked!");
                            }else if(clickNum==2){
                                Log.d("btn listener:", "btn is doubleClicked!");
                            }
                            //防止handler引起的内存泄漏
                            handler.removeCallbacksAndMessages(null);
                            clickNum = 0;
                        }
                    },300);
                }
            });
        }
    }
    

    PSHandlerremoveCallbacksAndMessages(null)方法会移除所有的callbacks和messages,可有效避免Handler引起的内存泄漏。removeCallbacks(Runnable r) 方法可以移除即将发布到消息队列中的Runnable对象,终止延时。


    ☝ ★★★ — 返回 《Android开发笔记汇总》总目录 — ★★★ ☝

    展开全文
  • Echarts设置点击事件

    万次阅读 多人点赞 2018-09-15 11:21:25
    通常在使用Echarts画图之后会碰到一个需求,通过点击生成后图形具体某一项来传递相应的参数然后进行一个页面的跳转,当我遇到这个需求第一就想到了用on绑定点击事件的方法,然后就在代码上进行尝试,果然可以实现这...

    通常在使用Echarts画图之后会碰到一个需求,通过点击生成后图形具体某一项来传递相应的参数然后进行一个页面的跳转,当我遇到这个需求第一就想到了用on绑定点击事件的方法,然后就在代码上进行尝试,果然可以实现这个功能,我在这块展示的是一个柱状图,通过点击事件输出一下获取的参数可以得到什么结果呢?
    代码如下:

    myChart.on('click',function(params){
    	console.log(params);
    });
    

    我们通过点击柱状图的每一项可以看到输出了如下对应项的详细信息:
    这里写图片描述
    在这块我点击了8月份降水量,可以看到这块输出了,这一栏所对应的信息,包括名称seriesName:降水量,以及data值182.2,还以一些其他的信息,同样点击其他的也可以输出对应信息,这样我们就可以进行点击跳转并且传递对应的参数就ok了,这也是我首先想到的方法。


    但是这个方法有一个不友好的地方就是只有用户点击到柱状图上它才会触发到这个点击事件,比如图中的一月份对应的数值就特别小,点击那一列的其他位置是没有作用的,只有点击阴影部分才触发,只一点对于用户来说就非常不友好,因此我找到了另外一种方法实现这个需求,通过点击所在值的这一列就会触发,实现代码如下:

    myChart.getZr().on('click',function(params){
    	let point=[params.offsetX,params.offsetY];
    	if(myChart.containPixel('gird',point)){
    		let xIndex=myChart.convertFromPixel({seriesIndex:0},
                  point)[0];
    	    let op=myChart.getOption();
    	    let name=op.xAxis[0].data[xIndex];
    	}
    })
    

    这部分的代码可以实现点击某一列就能触发这个事件,主要的信息集中在op这个变量中,name变量是点击某一列对应的名称,使用时可以将这个变量打印出来然后选择所需要传递的参数,其实这个代码是通过鼠标点击图形的坐标来进行判断点击的位置属于哪一列,从而实现这个需求,在这块我在写的时候碰到一个问题,有一个图形点击一次总是触发两次这个函数,如果你也出现了这个问题可以通过在绑定事件之前加上一句代码。

    myChart.getZr().off('click');
    
    展开全文
  • Qt QLable 响应单击点击事件

    万次阅读 2017-07-25 21:18:32
    Qt QLable 响应单击点击事件 重写 event()函数 使用继承QLabel,重写事件处理的回调函数mousePressEvent 使用eventFilter事件过滤器
  • js双击事件屏蔽单击事件

    千次阅读 2019-06-23 10:34:15
    单击事件中将绑定的函数放在定时器中,利用定时器的延迟来清除双击对单击事件的影响,如果是双击事件则在双击事件内部清除定时器,如果是单击事件则正常执行定时器中的函数;但是需要记得每次进入单击事件都需要...
  • 鼠标的单击事件是鼠标点击一次触发的事件(click);双击事件是两次的单击事件. 如果在一个DOM对象上同时绑定单击(click)和双击(dblclick)事件,当在这个DOM对象上发生双击事件时,第一次点击(click)会 触发一次单击...
  • js实现单击事件和双击事件

    万次阅读 2019-08-06 09:28:58
    一下代码可以解决单击事件和双击事件冲突的问题 //单击事件 var timeoutID = null; $("#test).on('click',function(e){ clearTimeout(timeoutID); timeoutID = window.setTimeout(function (){ //写单击事件...
  • 项目需要判断一个控件能同时相应长点击事件和点击事件,并且在发生长点击事件后截断单击事件,解决后在此mark 1、先设置一个布尔值用来判断是否发生长点击事件,定义为成员变量 private boolean isLongClick; ...
  • (1)单击事件 在这个案例中,事件源是id为“p1”的元素,事件名是单击事件注册οnclick=“fun()”, 也就是说,当单击id为“p1”的元素时,交给fun函数来处理。 (2)双击事件 (3)鼠标按下/抬起。(on mouse down / on ...
  • 今天写触发事件,发现事件全部冲突,下面来说一下解决的办法 ... onmouseup 这是一个点击事件 《=》 onclick doubleclick 双击事件 是连续点击两次click 单击和双击可以靠时间间隔来解决 单击和拖拽可...
  • 原理: 当接收到第一个点击时,我们先把单击事件存储在这个是全局变量 click_store 里,如果 0.3 秒内没有接收到双击事件,就去执行它,如果接收到了,我们把它清理掉,然后去执行双击事件。setTimeout() 可以实现...
  • 问题描述:当在dom上同时绑定单击事件和双击事件时,点击双击事件会触发两次单击事件,这是我们不想看到的,而是应该单击事件与双击事件分开。 分析:单击事件和双击事件区别就在间隔时间,当我们点击一次时,设置...
  • 所有元素都有鼠标点击事件,单击 click 双击dblclick,但是同一个元素 同时进行单击 双击 事件会只执行单击事件忽略双击事件,解决办法: demo.html <!DOCTYPE html> <html> <head> <meta ...
  • 1、单击事件的快速点击两次,出现了双击事件: 处理方法:1.单击事件中,对该元素的双击事件禁止。添加如下代码:ondblclick="javascript:return false;" 2、单击事件中添加代码如下,就不会多次执行单击事件: $('#...
  • 安卓按钮点击事件、触摸事件、长按事件的实现与根本 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app=...
  • H5模拟单击事件

    千次阅读 2019-09-27 17:30:28
    H5模拟单击事件 项目背景(taro,H5) 功能(元素同时实现单击和长按功能,类似于微信消息列表长按显示菜单栏,单击进入聊天) 遇到问题(安卓手机正常使用,ios长按时会触发单击事件) 事故现场 解决方法 不使用...
  • electron监听任务栏图标的单击、双击事件以及electron托盘点击事件通过Tray这个模块实现。具体代码如下 如果您想学Electron视频教程请访问: 【Electron视频教程下载地址】 var { Menu, Tray,app,...
  • onclick 单击事件 onblur 失去焦点事件 onchange 当对象或选中区的内容改变时触发。 onmouseover 当用户将鼠标指针移动到对象内时触发。 onmouseout 当用户将鼠标指针移出对象边界时触发。 onsubmit 当表单...
  • js解决双击事件屏蔽单击事件

    千次阅读 2018-08-29 10:59:47
    所以双击时为了屏蔽单击事件,我们引入定时器功能,动态的为每次鼠标单击计时,300ms,300ms内鼠标再次点击会出发双击事件而不走单击事件。上代码: $(function() { var timer = null; $("div").bin.....
  • 问题描述: 工具栏的点击事件,会冒泡到行点击事件中,原打算阻止事件冒泡 ,结果失败,阻止不了,索性不用layui官网的工具栏tool和行row监听事件。... //监听行单击事件 table.on('row(conManager).
  • js防止双击事件触发单击事件

    千次阅读 2018-12-26 14:30:16
    1.定义timerProvinceClick变量 2.将单击事件执行的方法延时500毫秒,并赋值给timerProvinceClick 3.在双击事件执行时先清除单击事件 4.双击不再触发单击
  • 需要对listview中的item的子控件进行单击事件的监听,那么比较好的体验就需要屏蔽最外层的item的点击事件,不然用户看起来像是在点击一个item,而不是item中的控件。解决办法只需要在你的自定义adapter中重写一个...
  • 一onRowClicked行点击事件事件发生在点击表格行的时候,事件写在gridOptions下。 onRowClicked: function (event) { //event.data 选中的行内数据,event.event 为鼠标事件,等其他。可以log自己看一下 ...
  • 我选中checkbox 两个单击事件都执行,选中checkbox时我只想执行checkbox的单击事件![图片说明](https://img-ask.csdn.net/upload/201601/05/1451959218_322038.png),该怎么办。
  • 在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click)。即一个标签元素(如div等),如果元素同 时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件...
  • JQuery鼠标点击事件

    千次阅读 2019-04-17 10:50:12
    Click鼠标单击事件 Dblclick 鼠标双击事件 Mousedown鼠标按下事件 Mouseup鼠标弹起事件 Mouseenter鼠标进入事件 Mouseleave鼠标移出事件 下面是这些事件的示例代码 <style> button{ margin-bottom:25px; } ...
  • 一、legend 取消点击事件 legend:{ selectedMode:false,//取消图例上的点击事件 data:['浏览量','访问量'] } 二、legend 添加点击事件 图例组件用户切换图例开关会触发该事件。 myChart.on('...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 971,301
精华内容 388,520
关键字:

点击事件