iOS11SafariHTML-禁用"智能标点符号"？

是否有一种很好的方法可以禁用iOS 11 Apple键盘生成的" 智能标点符号" - 在Safari的HTML登录表单中 - 特别是用户名字段？

问题是我们的用户名中有撇号的用户.在iOS 11上键入他们的用户名,而不知道unicode的细微之处,他们无法登录.

理想情况下,我们可以通过按住撇号键来指示此类用户禁用智能引号或键入正确的字符 - 但我正在为小孩子制作教育软件,这是不可能的.

问题更加复杂的是,用户名中只有少量用户选择实际的单引号,因此简单的替换地图将无效 - 我们无法规范化用户名,因为它们来自一个数字我们无法控制的外部系统/不能说很多.

不幸的是,根据这个MDN页面,没有已知的Webkit 或</code>属性来禁用智能引号,但是您可以使用我从这个QA中编写的脚本来修补它:如何在浏览器中禁用textarea字段的智能引号？</p> <pre class="brush:bash;">window.addEventListener('DOMContentLoaded', attachFilterToInputs ); function attachFilterToInputs() { var textInputs = document.querySelectorAll( 'input[type=text], input[type=[password], input[type=email], input[type=search], input[type=url], textarea, *[cOntenteditable=true]' ); for( var i = 0; i <textInputs.length; i++ ) { textInputs[i].addEventListener( 'keypress', preventPretentiousPunctuation ); } } var cOnversionMap= createConversionMap; function createConversionMap() { var map = {}; // Open-quotes: http://www.fileformat.info/info/unicode/category/Pi/list.htm map[ 0x2018 ] = '\''; map[ 0x201B ] = '\''; map[ 0x201C ] = '"'; map[ 0x201F ] = '"'; // Close-quotes: http://www.fileformat.info/info/unicode/category/Pf/list.htm map[ 0x2019 ] = '\''; map[ 0x201D ] = '\"'; // Primes: http://www.fileformat.info/info/unicode/category/Po/list.htm map[ 0x2032 ] = '\''; map[ 0x2033 ] = '"'; map[ 0x2035 ] = '\''; map[ 0x2036 ] = '"'; map[ 0x2014 ] = '-'; // iOS 11 also replaces dashes with em-dash map[ 0x2013 ] = '-'; // and "--" with en-dash return map; } function preventPretentiousPunctuation( event ) { if( event.key.length != 1 ) return; var code = event.key.codePointAt(0); var replacement = conversionMap[ code ]; if( replacement ) { event.preventDefault(); document.execCommand( 'insertText', 0, replacement ); } } </pre></p> <br><br><b>2> 小智..：</b><hr><p>感谢Dai的回答纲要。不幸的是，当我们实施他们的解决方案并在iOS 11设备上进行测试时，我们发现<code>keypress</code>事件监听器根本没有触发。我们使用<code>input</code>事件和正则表达式字符串替换对他们的解决方案进行了重新设计，发现这确实对我们有用。</p> <p>这是我们的变体，使用jQuery作为选择器和较短的替换列表。</p> <pre class="brush:bash;"> </pre> <p>由于我没有代表对此发表评论，因此添加为答案。</p></p> <br> <script type="text/javascript"> var cpro_id = "u6885494"; </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js"></script> </div> <div class="blog_tags"> <ul> <li><a href="https://www.php1.cn/tag/ios" target="_blank" title="ios">ios</a></li> <li><a href="https://www.php1.cn/tag/safari" target="_blank" title="safari">safari</a></li> <li><a href="https://www.php1.cn/tag/ios11" target="_blank" title="ios11">ios11</a></li> <li><a href="https://www.php1.cn/tag/html" target="_blank" title="html">html</a></li> <li><a href="https://www.php1.cn/tag/地图" target="_blank" title="地图">地图</a></li> <li><a href="https://www.php1.cn/tag/webkit" target="_blank" title="webkit">webkit</a></li> <li><a href="https://www.php1.cn/tag/input" target="_blank" title="input">input</a></li> <li><a href="https://www.php1.cn/tag/text" target="_blank" title="text">text</a></li> <li><a href="https://www.php1.cn/tag/window" target="_blank" title="window">window</a></li> </ul> </div> <div class="article_cmnt" style="display: none;"> <div class="cmnt_title">写下你的评论吧 !</div> <form action="" method="post"> <div class="cmnt_text"> <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了