html 禁止点击符号,iOS 11 Safari HTML – 禁用“智能标点符号”？

不幸的是,根据

this MDN page,没有已知的Webkit< input>.或< textarea>用于禁用智能引号的属性,但您可以使用我从此QA派生的脚本对其进行修补：

How to disable smart quotes for textarea fields in the browser?

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 );

}

}