jQuery.Event触发退格键无效

想要实现点一个button,文本框里的文字会从光标处删除一个的效果。
通过focus保留了光标的位置,但是用jquery的Event模拟退格事件时,并没有效果。

$(function(){
    $('.back')[0].onclick = function(){
        $('.box')[0].focus();
        var e = jQuery.Event('keydown');
        e.which = 8;
        console.log(e);
        $('.box').trigger(e);
    }
})

textarea的class是box,button的class是back。
我点击退格按钮后,文本框获得了焦点,打印出了点击事件如下:图片描述

which换成keyword也没有退格的效果。。但是事件的目标,类型,键盘码都是对的啊。。
为什么点击后没有退格呢?

阅读 5.3k
1 个回答

trigger内部触发事件的机制如下:一个是通过JQ绑定的事件,一个是通过onxxx这种绑定的事件

而你根本没有对textarea绑定keydown类型的事件,所以trigger什么都不会做(其实还是做了一点东西,比如将keydown这个事件冒泡,但是这跟这个问题没什么关系)。所以你应该明白,这个无法模拟,除非你自己添加keydown事件,判断which的值为8,在代码里删除内容的最后一个,然后重新赋值给textarea。最后,你想实现的效果,应该是类似于按键精灵,鼠标精灵之类的功能,他们都属于桌面应用,权限比JS高多了,JS是没这个权限模拟键盘操作的。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题