javascript - jQuery.Event触发退格键无效
大家讲道理
大家讲道理 2017-04-11 13:24:18
[JavaScript讨论组]

想要实现点一个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也没有退格的效果。。但是事件的目标,类型,键盘码都是对的啊。。
为什么点击后没有退格呢?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(1)
迷茫

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号