Question

我正在尝试将键盘事件传递给一个特殊的HTML元素类（mathquill span）。（关键印刷机被抓到更高的水平，所以我必须用勺子喂它们。）这样做的标准方法似乎是jQuery的.trigger，正如this previous question中提出的那样。但是，这个解决方案对我来说绝对没有任何意义。我无法为我的生活找到错误。

此代码应该创建一个MathQuill框，然后在其中输入字母“f”。但是盒子仍然是空的。

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="mathquill-master/mathquill.css">
    </head>

    <body>

        <!-- loading external scripts -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript" src="mathquill-master/mathquill.min.js"></script>

        <!-- MathQuill box -->
        <span class="mathquill-editable" id="mathquill_box"></span>

        <script type="text/javascript">

            $(function() {
                $('.mathquill-editable').focus();

                // creating 'fake' custom event (pressing the 'F' key)
                // (this is taken directly from the answer to the previous question)
                var customKeyDownEvent = $.Event('keydown');
                customKeyDownEvent.bubbles = true;
                customKeyDownEvent.cancelable = true;
                customKeyDownEvent.charCode = 70; // key code for 'F'
                customKeyDownEvent.keyCode = 70;
                customKeyDownEvent.which = 70;

                // send the event to the MathQuill box
                $('.mathquill-editable textarea').trigger(customKeyDownEvent);

              });
            </script>

    </body>

</html>

非常感谢任何帮助！

Answer 1

使用内置write方法的mathquill将乳胶插入当前光标位置。例如：

$('.mathquill-editable').mathquill('write', 'x^2')

请参阅my previous answer了解如何在以后集中注意力。

在jQuery中传递按键（到MathQuill）

1 个答案: