EasyUI监听鼠标按下事件&监听键盘事件【简单详细】

EasyUI监听鼠标按下事件&监听键盘事件【简单详细】

自己在维护一个前辈写的代码时,需求在按下鼠标时,触发指定功能操作

注意!~(说明下click和mousedown以及mouseup事件)

mousedown:鼠标按下时监听事件

mouseup:     ~~~    鼠标弹起事件监听

click:        ~~~~~~       是上面的两个mousedown和mouseup结合体,鼠标按下弹起监听事件

好了!~话不多说.上核心代码:

--js事件 
$('#sbProduct').searchbox('textbox').bind('mousedown',function () {
                _WoID = '';
                $("#txtProductName").val("");
                xAlert("鼠标按下操作成功");
                return;

            });

--如果是click
 //====================================================================
            //添加点击时的判断操作
            //====================================================================
            $('#sbProduct').searchbox('textbox').click(function () {

                _WoID = '';
                $("#txtProductName").val("");
                xAlert("鼠标click事件成功");

            });    

--捆绑的HTML
 <div id="divSbProduct" style="width: 100%">
    <input id="sbProduct" class="easyui-searchbox" style="width: 100%; min-width:120px; max-width:270px; "  onclick="sbProductClick()"   
        data-options="searcher:ShowProductPopup, inputEvents: $.extend({}, $.fn.searchbox.defaults.inputEvents, { keyup: function(e) {  } } )" /> 
    <%--$('#txtProduct').textbox('setText', ''); $('#txtProductName').textbox('setText', '');--%>
</div>
<div id="divTxtProduct" style="width: 100%; ">
    <input id="txtProduct" class="easyui-textbox-border" style="width: 100%; min-width:120px; max-width:270px; border: none; " readonly="readonly" />
</div>  

补充:监听所有键盘点击事件

//$('#sbProduct').val('').bind('keydown', function (e) {
            $('#sbProduct').searchbox('textbox').keyup(function (e) {
                //숫자, 영문자, 백스페이스, 스페이스
                if ((e.keyCode >= 48 && e.keyCode <= 90) || (e.keyCode >= 96 && e.keyCode <= 105) || e.keyCode == 8 || e.keyCode == 32) {
                    $("#txtProductName").val("");
                    xAlert("键盘监听操作成功");
                    return;
                }
            });

补充2参考链接

$(function () {

	  //实时监听
        $("#searchText").searchbox('textbox').bind('keyup',function(){
            var searchVal=$("#searchText").next().children().val();
            console.log(searchVal);
            if(searchVal==""){
            }
        });

        //焦点进入的事件
        $("#searchText").searchbox('textbox').bind('focus',function(){
            console.log('focus');
        });


   });

 <input class="easyui-searchbox" data-options="searcher:enterKey,prompt:'请输入需要搜索的菜单名'"
               id="searchText" onchange="showMenus" style="width: 215px; height: 32px;">

写这篇,今天六一,祝大家节日节日快乐!!哈哈~