jquery - 右键单击jquery

标签 jquery

我正在尝试创建一个上下文菜单,当我右键单击文本框时。我在单击时做到了,我可以使用鼠标进行选择,但我也需要使用向上键和向下键进行选择。

 $(window).load(function(){
$(document).bind("contextmenu", function(event) { 
    event.preventDefault();
    $("<div class='custom-menu'>Custom menu</div>")
        .appendTo("body")
        .css({top: event.pageY + "px", left: event.pageX + "px"});
}).bind("click", function(event) {
    $("div.custom-menu").hide();
});
}).bind("keyup",function(event) {
   $("div.custom-menu").hide();
});
 }).bind("keydown",function(event) {
   $("div.custom-menu").hide();
});
  });

html

 input type="text" name="firstbox" id="firstbox" onclick="append()"

这里右键单击适用于整个页面,因为我已经给出了正文,如何使其在文本框上起作用。

最佳答案

如果您只想要一个文本框,则将其仅绑定(bind)到您想要的文本框,如下所示:

$("#yourtextboxid").bind(

对于向上和向下键,我认为您需要将其绑定(bind)到整个文档,然后使用一些标志或自定义变量确定您向上或向下时应该执行的操作!

您是否尝试过类似的操作(用于向上和向下按键)?

.bind("keypress",function(event){
   var key=event.keyCode || event.which;
   if(key==38){ //UP

   }
   else{if(key==40){ //DOWN

   }}
}

关于jquery - 右键单击jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4912368/

相关文章:

jquery - 表单提交后复选框样式不起作用

javascript - 如何编辑上传到某个盒子的图片?

javascript - 如何在存储为 Javascript 变量的 HTML 字符串中转义 JSON?

javascript - jquery 带走导航栏

javascript - 更改 Rubaxa sortable 中拖动列表的背景颜色?

javascript - 在 jQuery 中应用 css 方法后,css 类/属性处于非事件状态

javascript - JQuery 追加和 Bootstrap 轮播

javascript - 如何并排制作两个 Bootstrap 按钮?

javascript - 使用 Knockout 将数据从数据库加载到 DropDownList

javascript - jquery 不接受带引号的变量