Question

我有以下代码，它适用于鼠标，但自2016年起被触摸屏使用。

当有人选择其未执行onclick的选项时，通常（不是100％可靠）并且卡住而不是提交功能。

任何人都可以建议如何使其与触摸屏兼容和鼠标？

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

它工作。

问题在于您使用时，并且选项具有文本值但您正在触摸文本值不可见的选项行，则它会选择整行。但如果按下选项文本，则不会绘制该蓝线。

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

1 个答案: