Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ruby-on-rails-3/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用enscroll插件在textarea上移动光标定位不起作用_Javascript_Jquery - Fatal编程技术网

Javascript 使用enscroll插件在textarea上移动光标定位不起作用

Javascript 使用enscroll插件在textarea上移动光标定位不起作用,javascript,jquery,Javascript,Jquery,我已将enscroll插件应用于textarea: $('textarea[name="text_area_name"]').enscroll({ showOnHover: true, scrollIncrement: 20, minScrollbarLength: 25, verticalTrackClass: 'track3', verticalHandleClass: 'handle3' }); 现在的问题是空间和光标位置(左、上、右、下箭头

我已将enscroll插件应用于textarea:

$('textarea[name="text_area_name"]').enscroll({
    showOnHover: true, 
    scrollIncrement: 20, 
    minScrollbarLength: 25, 
    verticalTrackClass: 'track3',
    verticalHandleClass: 'handle3'
});
现在的问题是空间和光标位置(左、上、右、下箭头)不适用于该文本区域。对于间距,我已经应用了以下代码及其工作原理,以便在文本区域上书写时添加间距:

$('#text_area_name').keydown(function(e) {
    var event = e.which || e.keyCode;

    // Handle Space button       
    if (event === 32) {
        var data = $(this).val();
        data += " ";
        $(this).val(data);
    }
});
CSS

textarea{
    width: 190px !important;
    height: 50px;
    resize: none;
    margin: 10px 0 0 0;
    border-radius: 5px;
    box-shadow: none;
    padding:10px;
    background-color: #EAEAEA;
}
但我不知道如何应用箭头键代码,并使用更改光标的位置。谁能指导我实现这一目标


更新:我注意到,当我点击文本区域并按下向上和向下键时,动态生成的滚动条会移动,然后我认为InEnScroll插件有问题,但我不确定。

我不知道它是否正确,但我已经更改了核心enscroll插件的部分,它对我有用:

keyHandler = function( event ) {
    var $this = $( this ),
        data = $this.data( 'enscroll' ),
        scrollIncrement;

    // don't handle events that have just bubbled up
    if ( event.target === this && data ) {
        scrollIncrement = data.settings.scrollIncrement;

        switch( event.keyCode ) {
            /*case 32: // space*/
            case 34: // page down
                scrollVertical( this, $this.height() );
                return false;
            case 33: // page up
                scrollVertical( this, -$this.height() );
                return false;
            case 35: // end
                scrollVertical( this, this.scrollHeight );
                return false;
            case 36: // home
                scrollVertical( this, -this.scrollHeight );
                return false;
            /*case 37: // left
                scrollHorizontal( this, -scrollIncrement );
                return false;
            case 38: // up
                scrollVertical( this, -scrollIncrement );
                return false;
            case 39: // right
                scrollHorizontal( this, scrollIncrement );
                return false;
            case 40: // down
                scrollVertical( this, scrollIncrement );
                return false;
                                    */
        }
        return true;
    }
}
这是一个处理所有我努力想要的键(空格->32和37到40方向键)的功能,我只是禁用了相关的键

现在它对我有用;) 但是有没有一种方法可以在核心文件之外禁用这些密钥?使用插件引用等。?