javascript - 添加新输入类型时如何关闭焦点？

Question

添加新输入时如何关闭焦点？我想这样做是因为当我在 iPad 上按下“添加字段”时，它会自动调出键盘。这很烦人，因为有时我想在输入数据之前添加一些新的输入字段。

		$('.multi-field-wrapper').each(function() {
			var $wrapper = $('.multi-fields', this);
			$(".add-field", $(this)).click(function(e) {
				$('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
			});
			$('.multi-field .remove-field', $wrapper).click(function() {
				if ($('.multi-field', $wrapper).length > 1)
					$(this).parent('.multi-field').remove();
			});
		});
			

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" method="POST" style="height:50px;">
 <input type="submit" name="stocksave" value="Save" class="float" style = "float:right;">  
 </br></br>
	 
   <div class="multi-field-wrapper focusoff">
   
	  <div class="multi-fields focusoff">
		 <div class="multi-field focusoff">
			<input type="text" name="stockitem[]" autocomplete="off" class="focusoff">
			<select name='piecesdd[]' style='width:150px; '>
			
			   <option value='0'>PIECES</option>
			   <?php
				  $count = 1;
				  while ($count<=100) {
					echo "<option value='".$count."'>".$count."</option>";
					$count++;
				  };
				  ?>
			</select>
			<button type="button" class="remove-field">Remove</button>
			
			<button type="button" class="add-field">Add field</button>
			
		 </div>
		  
	  </div>
     
	</div>
	
  
</form>

Answer 1

从 .add-field 的下一行中删除 .focus() - click 事件

$('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper)
.find('input').val('').focus()

那就是

$('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper)
.find('input').val('')