javascript - 为什么我的 PreventDefault 在 Chrome 浏览器 jquery 中不起作用?

标签 javascript jquery html google-chrome

看看我的代码,如果你使用chrome,你会发现当我按Enter键时preventDefault不起作用,但在firefox和safari中却起作用,为什么?

var fighting_textarea=$('#fighting');
			
			fighting_textarea.on( "keydown", function( event ) {
				if ( event.which == 13 ) {
				    event.preventDefault();
					alert('hello');
				}
				
			});//click
	  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="fighting"> </textarea>

最佳答案

它工作正常,你只需要删除警报(我想这不是必需的)。 您还应该考虑代码 10 的另一件事,因为 iphone safari 上的 b'coz 给出代码 10。

var fighting_textarea=$('#fighting');
			
			fighting_textarea.on( "keydown", function( event ) {
				if ( event.keyCode == 10 || event.keyCode == 13 ) {
				    event.preventDefault();
					
				}
				
			});//click
	  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="fighting"> </textarea>

关于javascript - 为什么我的 PreventDefault 在 Chrome 浏览器 jquery 中不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30182721/

相关文章:

javascript - Go 中接收 Javascript 对象的处理函数(使用 socket.io)

javascript - 模态滑动效果

javascript - 防止将超链接输入到 html 表单中 : client-side or server-side validation?

javascript - 在对象字面量中使用 jquery.when

javascript - 可滚动元素被 overlay div 阻塞

javascript - 从服务 AngularJs 中修改 $scope

javascript - 谷歌地图经纬度定义两次

javascript - React Native - 授予权限后切换到其他屏幕

html - 如何添加图标来选择框选项?

html - Bootstrap,无法将我的图像和文本并排放置在 3 组中