V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
Ritter
V2EX  ›  JavaScript

xtermjs 无法输入的情况

  •  
  •   Ritter · 2019-12-30 10:20:34 +08:00 · 5872 次点击
    这是一个创建于 1795 天前的主题,其中的信息可能已经有所发展或是发生改变。

    小弟想做一个堡垒机
    前端用 vue + elementui + xtermjs
    但是在初始化之后无法输入
    有大佬遇到过这种情况吗
    xtermjs 用的是最新的 4.3.0 版本
    官方文档 example 写的很少
    网上大部分的都是 3.x 版本的
    api 改了挺多的 大部分都不能用
    Stack Overflow 上有回答说要对键盘做输入监听的
    但我看大部分都没有这一步
    是我哪里写错了还是写漏了
    跪求各位大佬解答

    代码截图 ↓

    10 条回复    2019-12-30 20:14:27 +08:00
    Ritter
        1
    Ritter  
    OP
       2019-12-30 10:22:03 +08:00
    555 ~
    knva
        2
    knva  
       2019-12-30 10:40:40 +08:00   ❤️ 2
    这玩意要自己做输入的
    https://github.com/knva/xtermtest
    Ritter
        3
    Ritter  
    OP
       2019-12-30 10:46:03 +08:00
    @knva 意思是要自己做键盘监听吗?
    我怎么看网上那些都没有这一步的?
    knva
        4
    knva  
       2019-12-30 11:22:25 +08:00
    knva
        5
    knva  
       2019-12-30 11:23:06 +08:00
    Ritter
        6
    Ritter  
    OP
       2019-12-30 11:44:54 +08:00
    @knva onData 是可以获取到键盘输入的数据的
    只是 html 上显示不出来
    我看他这个也没有做输入监听
    真是奇怪
    knva
        7
    knva  
       2019-12-30 13:28:47 +08:00
    @Ritter
    54 行->63 行结合起来看就知道了
    Ritter
        8
    Ritter  
    OP
       2019-12-30 14:16:04 +08:00
    @knva
    54 行 是数据发送给后端
    58 行 是后端数据回显到前端控制台
    其实我就是不太明白为什么有些人不做键盘监听可以输入在 html 显示出来
    而我的却不行
    可能还是我哪里写错了 我再看一下
    谢谢回复啊
    knva
        9
    knva  
       2019-12-30 15:25:15 +08:00
    @Ritter
    因为是有后台程序返回
    所以 websocket 给后端发了 emit 数据
    后端相应返回对应的数据,所以不用做 key 监听 也能显示。
    glacer
        10
    glacer  
       2019-12-30 20:14:27 +08:00
    我去你这跟我钉钉头像一样,吓我一跳 😂
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5153 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 09:43 · PVG 17:43 · LAX 01:43 · JFK 04:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.