我正在使用以下 css 来反转 textarea:
.reverse
{
/* reverse the text */
transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
这很好用,除了一件事:使用箭头键浏览文本现在是向后的。我想反转箭头键的方向,以便它们按预期工作。这是我尝试过的:
$(document).ready(function() {
// flag which indicates when the key event has been overridden
var keyEventOverridden = false;
// reverse the arrow keys for the reverse textbox
$(".reverse").bind("keydown keyup", function(event) {
// allow the default behavior if the key has already been overridden
if (keyEventOverridden)
return true;
// get the keyCode
var keyCode = event.keyCode || event.which;
// create the replacement event
var replacementEvent = $.Event(event.type);
// trigger the right key if the left key was pressed down
if (keyCode === 37)
{
replacementEvent.keyCode = 39;
replacementEvent.which = 39;
}
// trigger the left key if the right key was pressed down
else if (keyCode === 39)
{
replacementEvent.keyCode = 37;
replacementEvent.which = 37;
}
else
{
// allow the default behavior
return true;
}
// prevent the key event from being overridden again
keyEventOverridden = true;
// trigger the replacement event
$(this).trigger(replacementEvent);
// allow the key event to be overridden again
keyEventOverridden = false;
// prevent the default behavior
return false;
});
});
这个脚本不起作用。有人知道为什么吗?