列表框不提交并卡在触摸屏上

Question

我有以下代码可以与鼠标一起使用，但自 2016 年以来就被触摸屏使用了。

经常（不是 100% 可靠）当某人 select 选项项未执行 onclick 并卡住而不是提交函数时。

谁能告诉我如何让它兼容触摸屏和鼠标？

HTML:

<div id="form_map_module3b1_new" class="submits">
  <div id="list_3b1_head" style="position: absolute; left: 192px; top: 2px;  border: none;font-size:20px;background-color: black;color:white;"></div>
  <select name="sometext" size="5" id="list_3b1" 
            style="position: absolute; left: 192px; top: 106px; width: 896px; height: 548px; border: none;font-size:20px;">  
    </select>     
</div>

JavaScript:

function button_submit(input) {
  // do some task and hide   
  $('#form_map_module3b1_new').hide(); 
}

function flood_listbox() {
  $('#list_3b1').html('');
  var part_one = '1';
  var part_two = 'Once upon a time there was a list box';
  var part_two_internal = part_two.replace(/'/g, "");    

  // we have list of 100 items actually.
  $('#list_3b1').append('<option  style="padding:10px 0px;" onclick="button_submit(' + part_one + ',\'' + part_two_internal + '\');">' + part_two + '</option>');       


}

flood_listbox();

Answer 1

有效。

问题是当您使用 , 并且选项具有文本值但您正在触摸文本值不可见的选项行时它会选择整行。但是如果你按下选项文本然后它不会画那条蓝线。

列表框不提交并卡在触摸屏上

List box does not submit and get stuck on touch-screen

javascript

windows

jquery

opera

google-chrome