Skip to content

cursor.js

Jump to bottom
Carl's edited this page Jun 1, 2021 · 10 revisions

cursor.js

first

  • params:
  [
   '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>'
 ]
  • return
      {
      index:0,
      arr: [
       '<span class="key-board-flash"></span>',
       '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
       '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>'
    ]

}

last

  • params:
  [
   '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>'
 ]
  • return
      {
      index:4,
      arr: [
       
       '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
       '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
      '<span class="key-board-flash"></span>',
    ]

}

moveTo

case 1:(光标从最后一位往前挪一位)

  • params 1:
  [
   '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>'
 ]

  • params 2:3

  • return

      {
      index:3,
      arr: [
       
       '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
       '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
       '<span class="key-board-flash"></span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
      
    ]

}

case 2:(光标挪动到第一位)

  • params 1:
  [
   '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>'
 ]

  • params 2:0

  • return

      {
      index:0,
      arr: [
       '<span class="key-board-flash"></span>',
       '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
       '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
      
    ]

}

case 3:(光标挪动到第最后一位)

  • params 1:
  [
   '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>'
 ]

  • params 2:4

  • return

      {
      index:4,
      arr: [
       '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
       '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
      '<span class="key-board-flash"></span>',
      
    ]

}

moveToFn (不是moveTo，两个不一样)

case 1:(从后面往前移动一位光标)

  • params 1:
[
'<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
'<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
'<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
'<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
'<span class="key-board-flash"></span>'
]

  • params 2:"left"

  • return :

{
index:3,
arr:[
'<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
'<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
'<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
'<span class="key-board-flash"></span>'
'<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
]
}

case 2:(从后面往前移动一位光标,光标已经到第一个位置，再点击左按钮)

  • params 1:
[
'<span class="key-board-flash"></span>'
'<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
'<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
'<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
'<span class="vue-keyboard-text-item"  tabindex="0">9</span>',

]

  • params 2:"left"

  • return :

{}

case 3:(从左往右边移动一个位置光标)

  • params 1:
[
'<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
'<span class="key-board-flash"></span>'，
'<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
'<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
'<span class="vue-keyboard-text-item"  tabindex="0">9</span>',

]

  • params 2:"right"

  • return :

{
index:2,
arr:[
'<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
'<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
'<span class="key-board-flash"></span>',
'<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
'<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
]
}

case 4:(光标已经到最后，依旧点击右按钮)

  • params 1:
[
'<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
'<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
'<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
'<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
'<span class="key-board-flash"></span>'，

]

  • params 2:"right"

  • return :

{}

case 5 :(点击”到达顶部按钮“)

  • params 1:
  [
   '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>'，
   '<span class="key-board-flash"></span>'
 ]
  • params 2:"top"
  • return
      {
      index:0,
      arr: [
       '<span class="key-board-flash"></span>',
       '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
       '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>'
    ]

}

case 6:(点击”到达底部按钮“)

  • params 1:
  [
   '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
   '<span class="key-board-flash"></span>'
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
   
 ]
  • params 2:"bottom"
  • return
      {
      index:4,
      arr: [
      
       '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
       '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
       '<span class="key-board-flash"></span>',
    ]

}

getNoCursorArr

  • params 1:
  [
   '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
   '<span class="key-board-flash"></span>'
   '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
   
 ]
  • return
  [
       '<span class="vue-keyboard-text-item"  tabindex="0">1</span>',
       '<span class="vue-keyboard-text-item"  tabindex="0">0</span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
      '<span class="vue-keyboard-text-item"  tabindex="0">9</span>',
    ]

happy,ending!!

测试用例

Clone this wiki locally